Home Forums Pro Themes Easy Commerce Pro remove horizontal bar behind the menu on mobile

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #191541
    Linda Erlam
    Participant

    On mobile, the menu icon is indicated by three horizontal bars on a black bar that goes all across the screen at the top of the screen. It does not move, it’s there all the time. How can I remove this black bar?
    Thank you

    #191559
    Psink
    Keymaster

    You mean the burger menu that shows on the small devices to access the menu. I guess it is not a good idea to hide that menu, instead, we can remove the sticky of that element so that it moves up when scrolling the content.

    Here is an example of that
    https://www.awesomescreenshot.com/video/22776555?key=9d6550414f8193d2c6b320a955169c16

    Please add this CSS in the Additional CSS

    @media only screen and (max-width: 900px){

    .mobile-nav-wrap{
    padding: 10px;
    position: relative;
    }

    a#mobile-trigger {
    float: none;
    text-align: left;
    }

    #page {
    margin-top: 0px;
    }
    }

    #191568
    Linda Erlam
    Participant

    That is just perfect. Thank you very much.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.