Adding an image above the mobile menu

  • Resolved deanrozen

    (@deanrozen)


    5 years, 4 months ago

    Hey guys :))
    firstly, you have a super great plugin.
    I’m trying to add an image above the mobile menu (on the mobile view), just like I did in the desktop view.
    Look at the site on a desktop – https://butterflytours.s611.upress.link/
    you can see that above the menu, there is a colorful menu bar.
    I’m trying adding this also to the mobile menu and I get stuck.
    I’ll be happy if you guys have any idea. ??
    have a wonderful weekend ?

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

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

    (@takanakui)

    Hi @deanrozen,

    I’m glad you are enjoying the plugin.
    Try this custom CSS.

    .mob-menu-header-holder {
    background-image: url(https://butterflytours.s611.upress.link/wp-content/uploads/2019/06/bar.jpg);
    background-repeat-y: no-repeat;
}

    Let me know if it worked.

    Thread Starter deanrozen

    (@deanrozen)

    Hey, thanks for the quick answer.
    Well, it’s almost worked fine.
    the image of the bar now shown, but not so well.
    maybe a way to place the image on the top and give it 100% width?
    (sorry but not so well on CSS)
    thanks much!

    here how its shown on the mobile view now:
    https://i.ibb.co/pZ5H8Fc/Whats-App-Image-2019-07-06-at-18-48-29.jpg

    Thread Starter deanrozen

    (@deanrozen)

    well, I mad some changes on the CSS code, and now it looks that it works exactly.
    THANKS :))

    The new code is:

    .mob-menu-header-holder {
    background-image: url(https://butterflytours.s611.upress.link/wp-content/uploads/2019/06/bar.jpg);
    background-repeat: no-repeat;
    background-size: 100% 5%;
    background-color: #ffffff;
}
    Plugin Author Rui Guerreiro

    (@takanakui)

    @deanrozen Great, when I tested the initial CSS before providing it to you that how it looked your site. The final result looks really good.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding an image above the mobile menu’ is closed to new replies.