Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 1, 2019 at 4:24 pm #1132677
    GWS

    Hi,
    We have a website with a rather long ‘logo’ in the header that is actually a large image of the organization name and the tagline. We like how it looks on desktop. We created a vertical image for mobile and tablet portrait, which works fine. We are using the long version on tablet landscape viewports and it looks fine except there is a lot of blue background below it. We can’t figure out how to tighten that up. Could you please take a look and provide advice? The website URL is in private content. Thanks.

    September 2, 2019 at 8:57 am #1132879
    Rikard

    Hey GWS,

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

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 185px !important;
}
}

    Best regards,
    Rikard

    September 2, 2019 at 8:34 pm #1133115
    GWS

    Thank you!

    September 3, 2019 at 2:21 pm #1133388
    Rikard

    Hi,

    Great, I’m glad that 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

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