Docs

[Fulgent]

Hi,

When i click a menu link that has a drop down menu it overlaps the main NavBar Page Title (shown attached)

Im working on my site internally so cannot provide you with a login.

Below is the custom CSS i have in place for the whole site, no custom JavaScript in place. No other edits outside of the cornerstone builder.

/* Fix wierd Firefox borders issue around Menu items from appearing */
a:focus, select:focus, input[type=”file”]:focus, input[type=”radio”]:focus, input[type=”submit”]:focus, input[type=”checkbox”]:focus {outline: none !important}

/* Shrink Footer size */
.x-colophon.bottom {padding: 0px;} .x-colophon.bottom .x-colophon-content {margin: 0px 0;}

/* Shrink Footer Social Media Icons */
.x-colophon.bottom .x-social-global a {width: 36px; height: 36px; font-size: 18px; line-height: 36px;}

/* Remove underlining of Nav bar menu items */
.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
box-shadow: none !important;}

/* Center the Captcha box on contact forms */
.capatcha {text-align: center;} .g-recaptcha {display: inline-block;}

/* White buttons on pages with blue section backgrounds */
.whitebuttononblue {border-color: white; color: white;}

These are the settings for the Header section in the Customizer

NavBar Position: Static Top
Logo: Inline
Navbar Top Height: 25px
Logo Width 400px
NavBar Font Size: 18px
NavBar Top Link Alignment: 20px
NavBar Top Link Spacing: 20px
TopBar: Off
Breadcrumbs: Off

Can you help so the sub menu drops down below the Nav Bar and not over it please?

Thankyou

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Fulgent]

Whilst i think its great xtheme has such an active support forum, i do wonder wether any of the posts are actually read before a stock reply is given.

If it was read you will have seen that i clearly state that im building my website internally so cannot provide you with a login – yet still the stock responce of give us access to your site is made!

Anyhow ive gone through the ballache of publishing the site so its externally available.
None of the images will work because ive had to change the url but the menu problem still persists.

[Fulgent]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank you for the clarifications and for providing the url of your site. I have checked it and this issue occurred because the navbar top height is way smaller than the height of the menu item. To adjust this, please go to the customizer, Appearance > Customize > Header > Navbar and adjust the “Navbar Top Height”. Please check out this screenshot: http://prntscr.com/d3p2fu

Hope this helps.

[Author]

Posts