Software Engineer

Yuri Boyz

<div>
The browser does not notify the web page that the window has been resized. &nbsp;You would have to be continuously checking the window size to know that.
</div>


The browser does not notify the web page that the window has been resized.  You would have to be continuously checking the window size to know that.

<div>
@Dave Baldwin: there's an event for that. &nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/Events/resize" rel="ugc">https://developer.mozilla.org/en-US/docs/Web/Events/resize</a>
</div>


@Dave Baldwin: there's an event for that.  https://developer.mozilla.org/en-US/docs/Web/Events/resize [https://developer.mozilla.org/en-US/docs/Web/Events/resize]

<div>
You should &nbsp;rethink or fix your template instead.
</div>


You should  rethink or fix your template instead.

<div>
<div class="content wysiwyg-content">
I am testing my website. To test the responsive menu I resize the browser and on certain size the mega menu hides and hamburger menu appears. In hamburger menu there is a search keyword textbox and submit button. But it will not work unless I refresh the page.<br />
<br />
But if I directly open the website on mobile and tablet then it will work perfectly. <br />
<br />
I have added several codes so that if user resize the browser then page reload code will run but thus not works also everytime. <br />
<br />
Any solution for this?
</div>
</div>


I am testing my website. To test the responsive menu I resize the browser and on certain size the mega menu hides and hamburger menu appears. In hamburger menu there is a search keyword textbox and submit button. But it will not work unless I refresh the page.

But if I directly open the website on mobile and tablet then it will work perfectly. 

I have added several codes so that if user resize the browser then page reload code will run but thus not works also everytime. 

Any solution for this?

Refresh page on browser resize

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Mobile

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.