Header menu keep wrapping – how can i stop it.

This topic has 10 replies, 3 voices, and was last updated 2 years, 4 months ago ago by Olga Barlow

  • Avatar: mysteryt
    mysteryt
    Participant
    November 26, 2021 at 15:49

    I created a horizontal navigation (menu) bar for my site. When I re-size my window to a size smaller than that of the bar, the menu items get wrapped and dosent change to the mobile version.
    So can i stop it wrapping and/or set when it changes to mobile menu

    In the xstore customise it works as expected but not when viweing the site

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 26, 2021 at 15:53

    Hello,

    Are you just resizing the browser window or checking on the real device? Because if you resize the window then you need to reload the page after resizing. So, either check the page on the real device or refresh the page after resizing.

    Regards

    Avatar: mysteryt
    mysteryt
    Participant
    November 26, 2021 at 15:56

    Hi I’m resizing the browser window.
    the devices work no problem tablet and mobile.
    The reset of the page resizes as expected but just the menu wraps and goes into multiple lines

    Refreshing the browser window after resize does not work.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 27, 2021 at 08:30

    Hello,

    I’ve checked your header from desktop > resized the window and from a real mobile device and do not see the mentioned situation. What screen size do you mean?

    Regards

    Avatar: mysteryt
    mysteryt
    Participant
    November 27, 2021 at 11:02

    Hi,

    On devices tablet/mobile the menu displays correctly.

    On a desktop if i reduct the browser window the menu wraps to 2/3 lines the more i reduce the size of the window and does not go to the mobile menu.

    It would be great if i could attach an image on here to show you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 27, 2021 at 12:10

    Hi,

    When you re-size/reduct browser window, you need to reload page, click on https://prnt.sc/20xlrju and check the content then.
    Use Lightshot screenshot or Gyazo tool to share links to your screenshots.

    Regards

    Avatar: mysteryt
    mysteryt
    Participant
    November 27, 2021 at 12:23

    Hi,

    Reloading the page displays the same
    https://gyazo.com/8a3687993eb1ab86bbfe93c531d26bff
    different browsers/cache clears all the same.
    Works fine in the xstore customiser just not on the site itself.
    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 27, 2021 at 13:14

    Hello,

    Here is what we can see – https://gyazo.com/36965625b8f7a48947547466d0b9d81f However, your customers won’t resize windows, on real different devices the menu works fine.

    Regards

    Avatar: mysteryt
    mysteryt
    Participant
    November 28, 2021 at 17:04

    Hi,

    It was a customer who spotted the issue when resizing.

    I appriciate that it works on the devices themselves, its just not very responsive if it doesnt resize automatically, the same way it does in the customiser

    Thank you for the help so far

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 29, 2021 at 13:53

    Hello,

    In this case, go to Theme Options > General > disable mobile optimization.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Header menu keep wrapping – how can i stop it.’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.