Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 8, 2024 at 6:10 pm #1442713
    agenturwendt

    Hi,
    on my website the header is like this: logo left — header widget — menu right
    The general layout is streched.

    I would like to add a padding left and right but I don’t want to change the layout in a boxed layout.

    How can I realize that?

    May 9, 2024 at 6:09 am #1442759
    Ismael

    Hey agenturwendt,

    Thank you for the inquiry.

    You can add this css code to adjust the space on both sides of the header on desktop view only.

    @media only screen and (min-width: 990px) {

  /* Add your Desktop Styles here */
  .responsive .header_color .header_bg {
    background-position: 150px top;
  }

  .responsive #top #header_main .container,
  .responsive #top #header_main .container .main_menu {
    padding-left: 20px !important;
    padding-right: 80px !important;
  }

  .responsive #top #header #header_main .inner-container .widget {
    left: 80px;
  }
}

    Best regards,
    Ismael

    May 10, 2024 at 11:08 pm #1442911
    agenturwendt

    Perfect. Thank you!!

    May 11, 2024 at 12:21 am #1442915
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Padding left + right for header with widget’ is closed to new replies.