Mobile Responsive Sticky Menu

edited November 2018 in Menu / Mega menu
Hello, I am having trouble with the padding and sticky menu alignment.

The website is:

www.chickenpollo.com.gt

I would like to add padding to the bottom of the logo when using a mobile device as well as position the 3 menu lines centered in the header.  Please help!

Comments

  • edited November 2018
    I used the inspect function in chrome and it solves the problem when I deselect the top margin:

    @media only screen and (max-width: 767px)
    #Header_creative #Top_bar .responsive-menu-toggle.is-sticky {
        position: fixed;
        top: 10px;
        left: 10px;
        /* margin-top: 0; */
    }

    When I paste this into the custom css the icon does not change position.
  • Hey,
    you do not need css, remove that code and go to theme options>responsive>header and turn the mobile button sticky to off. You do have  a sticky header enabled so it will scroll with the page anyway.
    thanks
  • Thanks for the reply!  The problem has been solved.
Sign In or Register to comment.