Hide logo/black bar on mobile

bambuseo

Hi there,

I have a full screen responsive slider on my home page, and it works perfectly on a desktop screen (transparent menu/logo set through theme options), but on the mobile version it shows the logo on a black bar and messes up how the slider shows. If possible, I'd like to just hide the logo/black bar completely and just have the blue menu icon sitting on top of the slider. The site is http://alexcalderon.me/home/

Albert

Hi,

something similar as you want can be done within below css only:

@media only screen and (max-width: 767px) {
    #Action_bar { display: none !important; }    
    #Top_bar .logo { display: none !important; }
    #Top_bar .top_bar_left    { margin-top: 0 !important; }
}

but if this is not what you are looking for, then unfortunately we do not have any other solution to do this.

Thanks!

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

bambuseo

That's perfect, thanks so much!

bambuseo

Hey again, sorry one other thing - now when you open the menu it scrolls to the top of the page - I haven't played with the menu much, is it just a setting I need to change to stop this? I want the menu to just open wherever you are on the page and not scroll up if possible?

Albert

This is how mobile menu works, it always goes to the top and this can not be changed.

Thanks!

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