Menu and Page Content Padding

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

😊

Comments

  • 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 :)

  • 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

  • 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 :)

  • 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

Sign In or Register to comment.