Docs

[rabbler]

Its all over the site at http://rabble.wpstagecoach.com/category/print-edition/rabble11/

Finding it impossible to get the right css to do it.

Sorry about the constant questions just have a very nitpicky team!!

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-navbar .desktop .x-nav > li > a {
    height: 50px !important;
}

.x-navbar-inner {
    min-height: 50px !important;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 50px !important;
}

Thanks.

[rabbler]

Thanks also where’s the mobile menu gone?

[Paul R]

Hi,

It’s white and not visible on a white background.

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.masthead-stacked .x-btn-navbar {
    margin-top: 30px;
    color: #000 !important;   
    box-shadow: inset 0 0 0 transparent, 0 1px 5px rgba(0,0,0,0.25);
    padding: 10px 15px;
    border-radius: 5px;
}
}

Hope that helps.

[rabbler]

Hi, sorry I was referring to how the drop sits a good bit away from the menu it pops out of – just like here, I want it close to the nav bar at the top. Just like in the demo.

Thanks for all the help.

[Lely]

Hi There,

Please update this custom CSS:

.x-navbar .desktop .x-nav > li ul{
    top: 122px;
}

To this:

.x-navbar .desktop .x-nav > li ul:not(.sub-menu) {
    top: 122px;
}

Hope this helps.

[rabbler]

the drop down is still appearing way below

where as i want it like this

[rabbler]

The above is a Photoshop mock up

[Rad]

Hi there,

You should change your menu height from 120px to 50px. You can configure it at Admin > Appearance > Customizer > Header > NAVBAR > Navbar Top Height (px) (do not add px unit)

Thanks!

[rabbler]

Thanks for all the help on this.

Its why I recommend Theme X to all and sundry.

One last question.

There’s a bit of excess white space on mobile view

Any way to rid?

[Christopher]

Hi there,

If you hover/click over that empty place, it’s where your featured image is being displayed. Please see the attachment.

Thanks.

[rabbler]

Not on the front page it’s not.

There’s a rev slider that’s off for mobile.

Ive no idea what that space is.

[Christopher]

Hi there,

Please provide us with URL of page in question.

Thanks.

[rabbler]

http://rabble.wpstagecoach.com

[Nico]

Hi There,

Remove or adjust the margin top in the code that we suggested above. This code below:

@media (max-width: 979px) {
.masthead-stacked .x-btn-navbar {
    margin-top: 30px;
    color: #999999 !important;   
    box-shadow: inset 0 0 0 transparent, 0 1px 5px rgba(0,0,0,0.25);
    padding: 10px 15px;
    border-radius: 5px;
}

Hope it helps.

Let us know how it goes.

Thanks.

[Author]

Posts