This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Menu looks strange

Resolved 4 replies customizationpluginplugin-siteorigin-css
Thomas
9 years ago · Last reply by Thomas 9 years ago

Hi,

When the menu gets into two rows, the line height is so big, that it moves into the hero image. Also in mobile menu there appears a gap below the menu.

Here is a test page, not very much on it, but you can see the problem:
http://dpdn.synology.me/test/testseite/

Thank you and all the best

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Alex S Staff 9 years, 1 month ago

    Hi Thomas,

    I can’t seem to see the first issue you described (mainly due to the hero widget not being present) but I can see the mobile issue you’re referring too.

    You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    @media (max-width: 780px) {
	.page-layout-no-masthead-margin #main {
		padding-top: 1px !important;
	}
}

    You might also need to install the SiteOrigin CSS Editor.

  2. Thomas 9 years, 1 month ago

    Hi Alex,

    Meanwhile I set the Mobile Menu Collapse to 960, so it collapses before the menu gets two rows. Seemed the easiest workaround.
    Added your CSS. When adjusting the window size on a pc it looks fine, but on the iPhone in portrait mode there is still the black bar below the navigation.

  3. Alex S Staff 9 years, 1 month ago

    Hi Thomas,

    This is due to your image being smaller (height wise) than your masthead (on mobile at least). To resolve this issue, please navigate to WP AdminAppearanceCustom CSS and add the following CSS:

    .main-navigation {
    background-color: #fff;
}

    You might also need to install the SiteOrigin CSS Editor.

  4. Thomas 9 years, 1 month ago

    Hi Alex,

    That made the trick. Thanks a lot.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread