Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 27, 2017 at 8:02 pm #869736
    courtneymedders

    Hi,
    The whitespace between the logo and the content on the site I’m creating look fine on desktop, but when I look at the mobile version, part of the logo is getting cut off. Is there a way I can increase the whitespace in this area on mobile only?

    Thank you.

    October 28, 2017 at 12:15 pm #869854
    Victoria

    Hey courtneymedders,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header_main .av-logo-container.container {
    height: 100px !important;
    line-height: 100px;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 30, 2017 at 2:32 pm #870475
    courtneymedders
    This reply has been marked as private.
    October 30, 2017 at 3:50 pm #870522
    Victoria

    Hi courtneymedders,

    Below is how I see it, the same on my cell. Could you please clear the cache, check again and get back to us.
    Please, attach a few screenshots.

    Best regards,
    Victoria

    October 30, 2017 at 3:57 pm #870530
    courtneymedders

    Sure, here’s the desktop view link: https://i.imgur.com/S3AvxY9.jpg and mobile: https://i.imgur.com/ejJrwvU.jpg

    November 1, 2017 at 8:16 am #871083
    Rikard

    Hi,

    Thanks for the screenshots. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    height: 100px !important;
}
}

    Best regards,
    Rikard

    November 1, 2017 at 2:15 pm #871230
    courtneymedders

    That did the trick. Thank you!

    November 2, 2017 at 8:59 am #871560
    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

    November 2, 2017 at 1:53 pm #871658
    courtneymedders

    Ok to close. Thanks!

    November 3, 2017 at 9:32 am #872039
    Rikard

    Hi,

    Thanks for the feedback. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Whitespace Between Logo and Content on Mobile’ is closed to new replies.