Topbar menu layout breaking when changing browser window size

[Dana]

Dana

January 21, 2018 at 12:12 pm

Hi all! I’m wondering if either I’ve missed a setting somewhere, or there’s some CSS I can add to prevent an issue I’ve just noticed. I was doing some updating to some of my menus, and I noticed in my topbar menu that depending on the size of my browser window, sometimes the menu text that should be in the topbar actually drops below the topbar, pushes my logo down, and then breaks the layout of the image menu at the top of my page. Normally the image menu is two images across, two down, but when the topbar menu drops down, the logo pushes one of the images out of the way. So it ends up as one image centred, then two images, and it reverts back to two by two as soon as you start to scroll. The topbar menu text still stays below the topbar though. There is enough horizontal space for the menu in the topbar until it gets narrow enough to revert to the hamburger menu, is there any way to prevent this “interim” stage between the topbar menu rendering properly and the hamburger menu appearing? Would centering the menu text help with this at all? I do have a currency converter widget in the upper left of the topbar that I don’t want moved, any help you can give me would be much appreciated. 🙂 My site is at *Login to see link .