Mobile Responsive Sticky Menu

dpicciotto

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!

dpicciotto

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.

Bryan

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

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

dpicciotto

Thanks for the reply!  The problem has been solved.