Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 5, 2018 at 3:57 pm #981649
    4EPIU

    I have to manage to override this style:

    .responsive.html_mobile_menu_tablet.html_header_top #top #main {padding-top: 0 !important; margin: 0;}
    .responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main{padding-top:0;}

    I want to specify that in only in the .woocommerce-page padding is 138px

    i don’t know how to do!

    July 6, 2018 at 11:51 pm #982278
    Basilis

    Hey 4EPIU,

    .woocommerce-page .responsive.html_mobile_menu_tablet.html_header_top #top #main {padding-top: 138px !important; margin: 0;}
    .woocommerce-page .responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main{padding-top:138px;}

    Try that and let us know if it works as should

    Best regards,
    Basilis

    July 7, 2018 at 11:35 am #982404
    4EPIU

    don’t works!

    whatch it in tablet version ora mobile version

    ;(

    • This reply was modified 5 years, 10 months ago by 4EPIU.
    July 8, 2018 at 6:12 pm #982753
    Victoria

    Hi 4EPIU,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 17, 2018 at 3:27 pm #986473
    4EPIU

    doesn’t work!

    this code style subscribe it!

    media only screen and (max-width: 989px) and (min-width: 768px)
    .responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 0 !important;
    margin: 0;
    }

    July 18, 2018 at 12:56 pm #986940
    Victoria

    Hi 4EPIU,

    Best regards,
    Victoria

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