Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 12, 2018 at 6:02 pm #941068
    ehdavies

    I was having a problem with no padding before my logo in the header. I added some css from the forum and this worked great on desktop view but not on the smaller devices. I’ve tried some other device based css to try and sort this but I can;t get it to work. Its fine on the tablet and mobile views on Customise but not on desktop. The code I am using is:

    */
    PADDING ABOVE LOGO THAT IS DEVICE SENSITIVE
    https://kriesi.at/support/topic/logo-spacing-above-and-below-logo-in-header/

    responsive sizes for enfold theme

    /*

    @media only screen and (min-width:1024px) {
    .header-scrolled .logo img {
    padding-top: 0;
    }
    .logo img {
    padding-top: 24px;
    }

    Thanks

    April 13, 2018 at 7:13 am #941294
    Rikard

    Hey ehdavies,

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

    .logo img {
    padding-top: 20px !important;
}

    Best regards,
    Rikard

    April 15, 2018 at 7:33 am #942146
    ehdavies

    Hey Rikard. Thanks for looking at this. It works on desktop, laptops – but Its not doing what I want on all screen sizes. On tablets and mobiles, when I use the Customise view option the logo is, the logo is not centred horizontally on the burger menu. Can you provide some more advice please. Thanks Huw

    April 16, 2018 at 4:00 am #942389
    Rikard

    Hi,

    Please try this as well:

    @media only screen and (max-width: 767px) {
.logo img {
    padding-top: 0 !important;
}
}

    Best regards,
    Rikard

    April 16, 2018 at 7:14 am #942442
    ehdavies

    Thats fixed it Rikard – many thanks!

    Huw

    April 17, 2018 at 5:15 am #942911
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 17, 2018 at 5:16 am #942912
    ehdavies
    This reply has been marked as private.
    April 17, 2018 at 7:10 am #942963
    Ismael

    Hi,

    Sure thing. Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo position changing with screen size’ is closed to new replies.