• Resolved ddkey

    (@ddkey)


    I have a smartbanner at the top of my pages that links to the app store for a mobile app. I have found that the menu plugin creates padding equal to the size of the header bar at the top of the page. This doesn’t work with my smartbanner as it is still covering the link to the app store. Is there a way through custom css that I can change the
    “.mobmenu-push-wrap, body.mob-menu-slideout-over {
    padding-top: 60px; }”

    to
    .mobmenu-push-wrap, body.mob-menu-slideout-over {
    margin-top: 60px; }

    I have tested it through the developer mode and it solves my problem.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @ddkey,

    If it worked with the code inspector of the browser let’s try it this way.
    Placing the current padding-top at 0 and add your new margin-top

    .mobmenu-push-wrap, body.mob-menu-slideout-over {
       padding-top: 0px!important; 
    }
    .mobmenu-push-wrap, body.mob-menu-slideout-over {
       margin-top: 60px!important; 
    }

    Don’t forget to clear any cache plugin, that could also be the reason for the custom css didn’t worked.

    Thread Starter ddkey

    (@ddkey)

    That worked perfect. Thank you for your help!

    Plugin Author Rui Guerreiro

    (@takanakui)

    Great. I’m glad I could help.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘smartbanner’ is closed to new replies.