Header section is to high on mobile phone

edited August 2016 in WooCommerce

the sticky Header with White Background is on mobile phones to high and using nearly 50% of the Screen when viewing the page in horizontal Format (eg Galaxy S7 edge) and the Shopping cart is shown very low. How can I reduce the size?

https://www.makeup24.ch



  

Comments

  • Hi,

    to move the cart up on mobile devices, you need to use the following css:
    @media only screen and (max-width: 767px) {
        #Header_creative #Top_bar #header_cart { top: -49px !important; }
        #Header_creative #Top_bar .top_bar_right { height: 0 !important; }
    }
Sign In or Register to comment.