I am designing a webpage in which, I am facing a major issue. When I minimize by drag my browser to a smaller size, the header elements starts to overlap on each other.
Though I have designed the header as fluid method but I want to make the elements static after the browser width has been dragged to certain width. Say my be after after 800px such that the webpage can be viewed properly in all the display devices such as ipad, laptop, computer etc.
I appreciate your effort but as the site is still in development phase so cannot include the link. Well I just figure out that min-width and max-width is solution to the issue, the only doubt I do have at the moment is whether it is supported equally by all the browsers or not.