Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 24, 2019 at 4:32 pm #1082253
    Hiddencove

    Q. Single blog post top not completely visible on mobile devices. If you view our blog posts on mobile, only some part of the featured image is visible. The desktop site is fine. This happens only on the mobile device. Please help

    March 26, 2019 at 10:40 pm #1083285
    Yigit

    Hey,

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

    CSS Snippet:

    
@media only screen and (max-width: 767px) {
.responsive #top #main {
    padding-top: 130px!important;
}}

    Custom CSS code should not be necessary. We will look into it and report to our devs if it is a general issue.

    Best regards,
    Yigit

    March 27, 2019 at 4:40 am #1083372
    Hiddencove

    Hi, thanks for the reply, after making the change, it fixed the problem with the blog post. But it made another issue with the home page. I can see a big space on the top of the home page on mobile. How can I fix this? Thanks!

    March 27, 2019 at 2:41 pm #1083631
    Yigit

    Hi,

    Please use the code as following

    @media only screen and (max-width: 767px) {
.responsive #top.single-post #main {
    padding-top: 130px!important;
}}

    That should apply the code only on single posts :)

    Best regards,
    Yigit

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