Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 14, 2019 at 6:06 pm #1165913
    epkdesign

    Hi!
    I am trying to add some space beneath the logo on mobile on this site: http://eyecatcherevents.com/
    You can see on mobile how the logo butts up agains the image slide. I just want some white space beneath.

    I’ve added the code below to the Quick CSS but it’s not even registering.

    @media only screen and (max-width: 767px)
    .responsive .logo img {
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 100px;
    margin: 0 0 20px 0;
    }

    I’ve also tried adding a white space element above the slider and selecting that it is hidden on desktop but visible on mobile and it showed up all the time as a much bigger white space than the 20px I had set.

    Is there a conflict with the nav or the slider? I’d appreciate your help to fix! Thanks so much.

    December 15, 2019 at 1:30 pm #1166059
    Rikard

    Hey epkdesign,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.av-logo-container {
  padding-bottom: 20px; 
}
}

    Best regards,
    Rikard

    December 16, 2019 at 4:33 pm #1166484
    epkdesign

    Thanks for the response! That helped!
    I had to add !important and I changed the max width b/c I wanted the space to show up on tablet portrait as well.

    @media only screen and (max-width: 990px) {
    .av-logo-container {
    padding-bottom: 20px !important;
    }
    }

    December 16, 2019 at 4:47 pm #1166495
    Yigit

    Hi,

    Glad Rikard could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Space beneath logo’ is closed to new replies.