Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 28, 2017 at 7:09 pm #844983
    SouffleDansCassette

    HI,

    I wanted my header to stick on top on mobile, so i added this code

    .html_header_top.html_header_sticky #header {
    position: fixed !important;
    }
    @media only screen and (max-width: 767px) {
    .responsive #main {
    padding-top: 82px!important;
    }

    #main.all_colors{
    margin-top:200px!important;
    }
    }

    Now i don’t want it to stick on the product page. So i would be sticky everywhere but not on th product pages.

    August 28, 2017 at 11:49 pm #845102
    Jordan Shannon

    Hey SouffleDansCassette,

    You can try to add this to quick css:

    @media only screen and (max-width: 767px) {
    .woocommerce-page .responsive #main {
    padding-top: 0px!important;
    }

    .woocommerce-page #main.all_colors{
    margin-top:0px!important;
    }
    }

    Best regards,
    Jordan Shannon

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