Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Problem with header and menus not looking right when shrinking/mobile

Home / Forums / Virtue Theme / Problem with header and menus not looking right when shrinking/mobile

This topic is: Resolved
[Resolved]
Posted in: Virtue Theme
December 28, 2016 at 2:57 pm

Ben,

I’m working on a new site, and I have it looking right on the desktop when it is full width, but when the browser is smaller: Both the view(s) that seem to change the menu around BEFORE is switches to mobile and on the mobile view(s) the menu bar (or mobile menu) is messed-up. You’ll see the blue background for the header changes from behaving as a nice menu background to because something…else.

Here is the site:

If you view it on mobile and/or shrink your browser to force it smaller than max width, you will see the issue. (I used a white 2px-wide background image that is the same height as the logo to cover the header area behind the logo, but it seems that when shrinking, the logo shrinks in height but the background doesn’t.)

If you could provide me with some CSS to get around this – or a better approach in setting it up altogether – that would be appreciated.

-Dan

  • The forum ‘Virtue Theme’ is closed to new topics and replies.