Docs

[Debbie L]

Wordpress 4.5.3
X Theme 4.6.1 (with Child theme)
Cornerstone 1.3.0
Renew Stack
Left Navbar

I recently did an update of the theme and cornerstone on the website I am developing (hence I can’t show you as it is not live yet) And now a scroll bar has appeared on the left side. The right scroll bar is still there which is obviously fine.
But this new one on the left has shown up !! See image attached. And it has now obscured and hiding the sub menu items …
Can you advise me how to get rid of this feature ?? Not sure if its a new one for the theme . I appreciate your help once gain. Cheers

[Debbie L]

I have reduced the image size so that it can be uploaded for you to view ….

[Debbie L]

This reply has been marked as private.

[Christian]

Hey Debbie,

Please apply this fix https://community.theme.co/forums/topic/uber-menu-stopped-working-after-update/#post-1108538

Thanks.

[Debbie L]

Hi Christian …
I am not using a UBER menu … just the X Theme menu .
The scroll bar on the left has appeared only since update … I have not chosen it …it has appeared by itself.
The code:
.x-navbar {

overflow-y: initial;
}

didn’t make any difference.
Any other suggestions ??? I appreciate your assistance.

[Christian]

In that case, please give us your site URL and access to your WordPress admin.

[Debbie L]

Hi Christian
As I mentioned in the first message the site is under development and I am constructing it by “hosts” access on my window.. so I am unable to make it visible for you …..

This is the custom code in the Child Theme editor:

.widget ul li, .widget ol li {
background-color: transparent;
}

.x-navbar {
background: url(http://www.corecider.com.au/wp-content/uploads/2016/07/wood-background-navbar.png ) ;background-size: cover;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
}
body .entry-thumb {
background-color: #ffffff;
}

body .entry-thumb img {
min-width: inherit;
display: block;
margin: 0 auto;
}

.x-scroll-top {
border: 2px solid white;
color: white;
}

.widget {
color: #ffffff;
}

.x-colophon.bottom {
padding: 0px 0;
}

.x-colophon.top {
padding-top: 20px;
padding-bottom: 15px

}
.x-colophon.bottom .x-colophon-content {
color: #c0c932;
}

.x-colophon.bottom .x-colophon-content > p a {
color: #f5f5f5;
}

footer.x-colophon.bottom a span:hover, footer.x-colophon.bottom a:hover {
color: orange !important;
opacity: 1 !important;
}

.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;
}

body .x-btn-navbar{
color: #fff !important;
background-color:transparent !important;
}

body .x-btn-navbar.collapsed {
color: #b5be34 !important;
background-color: transparent !important;
}
.x-btn-navbar.collapsed:hover {
color: #000000!important;
}

.mobile .sub-menu {
background-color: #3e2418;

}
.x-colophon.top {
background-image: url( http://www.corecider.com.au/wp-content/uploads/2016/07/wood-footer-version-2bh.png )!important;background-size: cover;
}

ul.sub-menu li a {
font-size: 14px;
}

.x-navbar {
padding: 30px
}

body .site {
background-color: #F4EEE2;
}

I have deactivated all plug ins .

This has happened since update ….

I appreciate your assistance.

[Christopher]

Hi there,

Please provide us with URL and login credentials in private replay.

Thanks.

[Debbie L]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this CSS code :

.x-navbar {
    overflow-y: hidden;
}

Hope it helps.

[Debbie L]

That did not do anything ..
I think if the left page scroll bar is removed that will fix the issue …. Can you suggest a code to remove the left page scroll that has appeared from nowhere ??

[Debbie L]

I moved the code you gave me from the Child Theme to the Customiser CSS and that worked ….. it removed the left page scroll bar that I was after:
.x-navbar {
overflow-y: hidden;
}

However the sub menu items are still hidden … see attached image …. can you suggest some code to fix this ?
I appreciate your help …

[Rad]

Hi there,

Please try this,

.x-navbar {
    overflow-y: visible !important;
}

Hidden value will, of course, hide other items the overflows from current dimension/size.

Cheers!

[Debbie L]

Thanks Rad … You nailed it !! All fixed.
Thanks yet again for the great support.
Cheers

[Paul R]

You’re welcome and thank you for your kind words! 🙂

[Author]

Posts