Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 2, 2024 at 5:59 pm #1441952
    craig374

    I just started building with the Enfold theme and am having trouble adding space above and below my logo in the header. I reviewed a support post from almost 10 years ago and tried the following Quick CSS that was recommended:

    .header-scrolled .logo img {
    padding-top: 0;
    }
    .logo img {
    padding-top: 15px;
    }

    This did not work. It only added space to the top and when the page is scrolled and the logo shrinks, the spacing reverts back to the original form (no space above or below). My goal is to have the same amount of space (e.g., 10px) above and below the logo at all times and in all header formats (e.g., transparent, non-transparent, etc.). Any assistance dealing with this issue would be appreciated. Thank you.

    May 2, 2024 at 8:30 pm #1441990
    Rikard

    Hey craig374,

    Please post a link to where we can see the element in question.

    Best regards,
    Rikard

    May 2, 2024 at 8:51 pm #1441992
    craig374

    Here is the link to the page in question with the element. This is with the above Quick CSS code in place.

    May 3, 2024 at 9:09 am #1442092
    Rikard

    Hi,

    Thanks for that. Please remove your previous CSS, then add this instead:

    #top .logo img {
  padding: 15px 0;
}

    Best regards,
    Rikard

    May 3, 2024 at 12:48 pm #1442144
    craig374

    Bingo! That worked! Thank you.

    May 3, 2024 at 2:49 pm #1442189
    Mike

    Hi,
    Glad Rikard 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 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adding Space Above and Below Logo in Header’ is closed to new replies.