Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 5, 2021 at 3:09 pm #1285774
    ClimbingSocks

    Hi,
    in order to make our header area more compact on mobile screens on https://climbingsocks.com/produkt/klettersocken-von-climbingsocks/ I would like to reduce some padding and margins.
    I have highlighted the areas where I would like to edit the space in following picture: https://imgur.com/EjGULNO
    Which approaches can I use to edit the space these areas?
    Thank you very much in advance,
    Magnus

    • This topic was modified 3 years, 9 months ago by ClimbingSocks.
    March 5, 2021 at 7:49 pm #1285901
    Victoria

    Hey ClimbingSocks,

    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) {
  .single-product .template-shop {
      padding-top: 25px;
  }
  #header_main {
    height: 70px;
  }
  .responsive #header_meta .sub_menu>ul {
    line-height: 24px;
  }
  .responsive #header_meta {
    height: 50px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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