Menu items are moving when resizing

  • I have made a two line navigation using </br> on my menu item for contact us (as that is the last item i want on the top naviagtion).
    I want my navigation not to alter when resizing (except when it goes to mobile/tablet dimentions then im happy with the drop down menu).
    Currently when i resize my browser the menu starts to move the menu items around.
    Is there any way i can keep the layout from changing?
    I have added screen shots to show what i mean (as WP site is still on localhost)

    https://imgur.com/vVsFbv6.png <— what it as at full screen width(and ideally all the way through)
    https://i.imgur.com/CmEchrO.png <— What happens to navigation at 75% original screen size
    https://i.imgur.com/sKJxkza.png <— What happens at 50% screen size before it goes into a drop down menu

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

  • Hey there ajoliver1102,

    Hope you’re well! ??

    It is because the container of your menu don’t have fixed width and inheriting the screen size width. That’s why it is happening when you try to shrink the screen size. Can you post your website here so I can assist you better?

    Take care,
    Calvin

    Thread Starter ajoliver1102

    (@ajoliver1102)

    I cant atm its still just a local wordpress i havent uploaded it anywhere.

    If i paste the html and css into this forum would that suffice (just the code for the navigation/header

    Instead of posting the code here, please post it to Pastebin instead and post the link here. What theme are you using?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu items are moving when resizing’ is closed to new replies.