Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #698075

    Hi,
    Is it possible to add some space under the logo? Right now it seems like the logo sits on top of the animation below. I would like to add like 20px of distance between both but only on phones.

    Thanks!

    Érik

    #698344

    Hey Érik,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
    .responsive #top .logo {
        padding-bottom: 20px;
    }}
    

    Best regards,
    Yigit

    #698460

    Hi Yigit!
    I tried with this code but it does not work… Do you have another idea?

    Thanks for the help!

    Érik

    #698493

    Hi,

    Please try adding !important rule to the code as following

    @media only screen and (max-width: 480px) {
    .responsive #top .logo {
        padding-bottom: 20px !important;
    }}

    If that still does not work, please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

    #698512

    Hi Yigit,
    Still does not work. The info to log in is below.

    Thanks!

    Érik

    #698536

    Hi,

    I added the code to the bottom of style.css file of your child theme in Appearance > Editor and it did work fine on my end. Please flush browser cache, refresh your page a few times and review your website :)

    Best regards,
    Yigit

    #698963

    Thanks again for the help Yigit! It is working now! : )

    #699002

    Hi,

    Glad we could help! We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Space under logo on mobile device’ is closed to new replies.