Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 13, 2021 at 8:11 am #1294039
    Jorunn68

    In my webside there is a padding top between Logo main menu and color section at the front page. There is also in all the other side a padding top between Logo main menu and media elements. I want the apperance like it is in Default Demo without padding top between logo main menu and media elements. It would be great if you could tell me how to do this.

    • This topic was modified 4 years, 10 months ago by Jorunn68.
    April 14, 2021 at 9:02 am #1294279
    Nikko

    Hi Jorunn68,

    Can you give us a link to your site? so we can take a closer look.

    Best regards,
    Nikko

    April 14, 2021 at 10:37 am #1294324
    Jorunn68

    Hi Nikko,

    Here is link to my site?
    https://jvigebo.com/

    Best regards,
    Jorunn

    April 14, 2021 at 12:58 pm #1294380
    Nikko

    Hi Jorunn,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    .html_header_top.html_header_sticky.html_large #main {
    padding-top: 60px;
}

    Best regards,
    Nikko

    April 14, 2021 at 1:19 pm #1294385
    Jorunn68

    Hi Nikko,

    It worked, thanks a lot! But now I think there is to big space between color section and text elements below
    Do you know how to make it smaller also there?

    Best regards
    Jorunn

    April 16, 2021 at 7:31 am #1294713
    Nikko

    Hi Jorunn,

    That’s because there’s a default top padding for containers after a Color Section, to remove that top padding, just add this CSS code:

    .container_wrap[id^=after_section] .av-content-full {
    padding-top: 0;
}

    Best regards,
    Nikko

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