Want my header, menu, search bar to appear aligned on all browsers

  • Resolved Brian Thomas Clark

    (@clarklitman)


    15 years, 7 months ago

    Hello,

    I want my site header, menu, search box, etc. at https://www.brianthomasclark.com to be aligned and centered across all browsers and screen sizes.

    For example, when I zoom in on my site on my Mac, the menu and search box moves in with it and down to a lower level rather than staying put as you zoom in. Does this have to do with containers? How can I change the CSS file or another file to lock in the placement of these elements.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • It’s tricky to control how browsers see things when they zoom in – especially as most browsers do it differently from each other. When I zoom in using Safari on Windows I see it get bigger and then overflow from the box. Safari literally makes things bigger by increasing the font sizes – and it spills over, like when you pull a textbox out from it’s natural size. The content moves with the text as this contains it and the background white just expands with the text, but the menu is overlayed on an image so doesn’t expand when you zoom in.

    Your site looks fine at zoomx1, zoomx2 and zoomx3 and once it goes over it doesn’t affect the site badly. There are ways, but it will take an awfully long time and a lot of research on different browsers to ensure that you don’t loose anything anywhere.

    Hi, you seem to have resolved your issue. Can you tell me what you did to fix it? I am having the same issue with my search bar at:
    https://www.cetaceasound.com/index2.html

    Thanks in advance.
    Jen

    although it is not a wordpress site i am assuming the issue has more to do with the css…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Want my header, menu, search bar to appear aligned on all browsers’ is closed to new replies.