Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 5, 2019 at 12:29 pm #1063132
    abortolotti

    Hi there,

    on the mobile version of THIS and THIS pages the logo shows overlayed on the text that should be below.

    See samples below:

    About page

    Contact

    How do I fix that, please?

    Thank you so much guys, you rock!

    Antonio

    February 8, 2019 at 4:14 am #1064397
    Mike

    Hey Antonio,
    Sorry for the late reply, unfortunately I’m not able to reproduce this error on Chrome, Firefox, Edge in development mode or on Android. I see your screenshots are from a iPhone, so I wrote this css to target only the iPhone.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @supports (-webkit-overflow-scrolling: touch) {
#top.page-id-396 .entry-content-wrapper,#top.page-id-416 .entry-content-wrapper {
padding-top: 150px !important; 
}
}

    Please try adjusting the 150px to move the title under your logo where you wish.

    Best regards,
    Mike

    February 10, 2019 at 9:59 pm #1065216
    abortolotti

    Hi Mike,

    thank you so much for your reply. Because of the delay, I found a way to fix that in the meantime by adding a “whitespace” element and hide it on desktop so it only shows on mobile.

    Is this a solution?

    If so, we can close this thread.

    Thank you again

    February 10, 2019 at 11:39 pm #1065229
    Mike

    Hi,
    That is a very good solution, thanks for sharing.
    Sorry again for the delay, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo appearance issues on mobile’ is closed to new replies.