[skogenlolParticipant]

Hi

I bought this theme after recieving the answer that it was possible to have a transparent header with the logo centered with the menu below it, also centered. I’ve watched your guides but cannot seem to find a way to make this happen.

How i want the menu to look: http://postimg.org/image/8tj6nqzfp/ – menu centered, with ur slider behind it, as frontpage.

Thanks
Ruben

[skogenlolParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for writing in. You can add this under Custom > CSS in the Customizer.

header.masthead.masthead-stacked, 
.x-logobar,
.x-navbar-wrap,
.x-navbar {
    background: transparent!important;
    box-shadow: none;
    border: none;
}

.x-slider-container.below {
    margin-top: -174px;
}

The first CSS rule above makes all the containers in the masthead transparent. The second adjusts the slider to move up below the masthead (navbar-header area).

Hope this helps!

[skogenlolParticipant]

It did wonders, thank you so much for the help! I just have one follow up question.

I tried pushing the header down a bit with Customizer > Header and then Logobar Top Spacing (px) but that pushes down the slider as well (leaving a white area where the logo used to be). I would just like to move the header down perhaps a few pixels, keeping the slider fixed, only moving the header down. Is this possible?

Thanks a lot!
Ruben

[ChristopherModerator]

Hi there,

The provided credential is not working, Please check it.
Thank you.

[skogenlolParticipant]

Hi

I’m sorry, changed the pw, should be working now, the same credentials as posted earlier

Thanks
Ruben

[ChristopherModerator]

Hi there,

Add this as well :

header.masthead.masthead-stacked {
top: 33px;
position: relative;
}

Thank you.

[skogenlolParticipant]

Thank you, that was it! Thanks a lot for all the help!

Regards
Ruben

[ChristianModerator]

You’re welcome Ruben.

[AlexParticipant]

Hello Team,

I’ve followed the instructions above and works like a charm, However my slider is no longer full screen (174px left underneath. … Is there a few to do this and make the slider fullscreen ?

Site : cx4.creatorsofweb.com

Thanks,

Alex

UPDATE:Fixed it by increasing the margin size

[ChristopherModerator]

Hi there,

Please edit slider settings and add .masthead in slider containers field.

Hope it helps.

[Author]

Posts