Change Mobile Menu Bar Style/Line

  • Posted in : TheBlogger
  • ryanbraun
    Participant

    Hi,

    I noticed that on your current Oliver demo theme page, on mobile when you scroll up
    the menu bar shows with only the thin bar on the bottom with no bar on the top. My current install of the Oliver theme shows with the thicker black bar on top of the menu and the thin at the bottom. Is it possible to make it match the current version of your demo theme? Thanks so much.

    ryanbraun
    Participant

    Hi, think I put the wrong site in the info below. Update it here.

    serkan
    Moderator

    Hi,
    Could you please also share the wp admin details via our private content box below?
    Thanks

    ryanbraun
    Participant

    Hi, thanks so much. I have added the admin info below.

    serkan
    Moderator

    Hi,
    I just removed a custom css code in your box and it is fixed.
    Thanks

    ryanbraun
    Participant

    Thanks so much! So last question – would love for the single line that “tracks” with the scrolling up motion to be the thicker of the two lines, as demo’ed in your theme here:
    https://themes.pixelwars.org/oliver/

    Is it possible to make that happen? Thanks again.

    serkan
    Moderator

    Hi,
    You can go to appearance > customize > header > menu > menu border bottom width > you can increase it.
    Thanks

    ryanbraun
    Participant

    Hi, thanks Serkan. Yes that does change the width of the bottom bar, but what I am asking is slightly different. I noticed on your theme demo here: https://themes.pixelwars.org/oliver/ that when I am scrolling up from the bottom of the page, the menu bar appears with the thicker of the two lines (which is actually the TOP line of the menu) and as you arrive back at the top it changes back to the thin line that is present in the menu when you first arrive at the page. Hopefully this is making sense lol. I just noticed it on your demo and really like the look of the thicker line for the “sticky menu” and how you have it transition back to the thin bottom line when you arrive back at the top of the home page. Would love to know if this is possible. Thank you!

    serkan
    Moderator

    Hi,
    Can you try to use this custom css code;

    .is-menu-bar .site-navigation.clone .menu-wrap:after {margin-bottom: -4px}

    Thanks

    ryanbraun
    Participant

    That worked!
    You are a legend. Thank you. 🙏🏼

    serkan
    Moderator

    You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

    https://themeforest.net/downloads

    Thank you for your support.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register