Docs

[contegi66]

Dear Support,

I have an issue with my homepage revslider which is going below the navigation bar.
I installed ubermenu and you gave me css code to fix perfectly the layout (see code below) but I had to took UM at client’s request. But if I restore masthead’s height at previous value nothing happened.

Could you please have a look and tell me what I have to take out from CSS to restore a proper layout?

site url: http://www.siua.it

Thank you in advance
Gianni

CSS you gave me:

.masthead {
min-height: 151px !important;
}
.custom-icon-info { background:url(http://www.siua.it/wp-content/uploads/2016/01/circle-info-uffici.jpg) 0 0 no-repeat;
width:32px;
height:32px;
display:inline-block;
}
.responsive-heading {
line-height: 1.50em;
}
.x-topbar .p-info {
font-size: 0.90em;
}
.ubermenu .ubermenu-item {
padding-top: 12px;
}
#menu-item-10620, #menu-item-10621, #menu-item-10622 {
padding-top: 5px;
}
body .cp-info-bar .cp-form {
margin-bottom: 0;
}
.ubermenu .ubermenu-item-layout-image_below>.ubermenu-image { margin-top: 16px !important;}

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

[contegi66]

This reply has been marked as private.

[Joao]

Hi There,

Based on the information given I am not 100% sure what you want to achieve.

Would you like to have a transparent navbar over your slider? or you would like the slider to sit under the navbar without overlaying?

Let us know more details

Thanks

Joao

[contegi66]

Hi Joao,

Just have the slider sitting under the navbar without overlaying

Gianni

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS:

.x-container {
margin: 0 !important;
}

Hope it helps

Joao

[contegi66]

Hi Support,

Nope it is not working as you can see in the 2 screenshots attached.

Are these two pieces of code not interfering somehow?

.masthead {
min-height: 151px !important;
}

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

Gianni

[Rupok]

Hi there,

It’s because you have added a negative margin the the Row that contains the slider. Let’s fix this. And the suggestion provided by Joao should work if you add this correctly. Make sure your other codes are closed properly.

Let;s try this as it’s more defined :

.home #x-section-1 .x-container {
  margin-top: 0 !important;
}

Hope this helps.

[contegi66]

Hi Rupok and Joao,

Thank you for spotting the negative margin which I forgot it. I just put back to 0 and now everything is fine.

Have a nice day,

Best

Gianni

[Paul R]

Glad to know everything is fine now.

Have a nice day too!

[Author]

Posts