Menu and Page Content Padding

u037

HI

Working on this site https://www.u037.com/blog/

1. The logo doesn't always align with the menu Icon in chrome which is weird
2. 2 how do a. add enough padding at the top of the page so the logo and menu icon are above the revolution slider?

Thank you

?

u037

Hi

Same page I'm trying to change the fancy link hover over color but it's not working?

using this CSS:

.myFancy a.mfn-link{

color: #FFFFFF!important;

text-align: center !important;

}

.myFancy a:hover.mfn-link{

color: #f46600!important;

}

and in the

Columbia fancy link [fancy_link title="Hit the switch" style="1" class="myFancy"] with with .myFancy in settings css classes.

any help appreciated :)

Pablo

Hello,

1) Please use this CSS code:

.header-overlay.sticky-header .overlay-menu-toggle{
   margin-top:-10px !important;
}

2) With the "overlay" header it won't be possible.

It's made to not have height applied, so it will be always on top, overlapped by revolution slider.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

u037

Hi 

Thanks for that

Same page I'm trying to change the fancy link hover over color but it's not working?

using this CSS:

.myFancy a.mfn-link{

color: #FFFFFF!important;

text-align: center !important;

}

.myFancy a:hover.mfn-link{

color: #f46600!important;

}

and in the 

Columbia fancy link [fancy_link title="Hit the switch" style="1" class="myFancy"] with with .myFancy in settings css classes.

any help appreciated :)

Phil

Hello,

You have put your classes in the wrong order.

Try the following code instead:

a.myFancy{
   color: #FFFFFF!important;
text-align: center !important;
}
a.myFancy:hover{
   color: #f46600!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next