Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 10, 2020 at 12:08 am #1251760
    rdikes

    Hi there,

    I have a problem that I tried to resolve without any success. I have a page called “Blog” on my website. I use the blogposts component.

    If I use the style with grid, if I try to open a blogpost with my smartphone, I see that every title will be a bit hidden by the sticky menu. Each blogpost title won’t start under the stick menu.

    In General Style, I put this:

    /* Sticky header on mobile */
    @media only screen and (max-width: 767px) {
    .responsive #top #main {
    /* Margin top value should be equal to header height*/
    margin-top: 0px;
    }
    .responsive #top #wrap_all #header {
    position: fixed;
    }
    }

    .main_color a, .alternate_color a {
    text-decoration: none !important ;
    }

    Is this CSS ok or not? What’s wrong?

    Thank you again for your help, this makes me crazy as It works normally when I open blogposts from a desktop computer.

    October 10, 2020 at 6:04 pm #1251925
    Victoria

    Hey rdikes,

    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.single.single-post #main {
        padding-top: 88px !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 11, 2020 at 10:08 am #1252024
    rdikes

    Hello Victoria,

    Thanks for your message. I replaced my css code in General Styling by yours. Unfortunately, it still doesn’t work.

    Here is my issue (reading the article on Xiaomi 9T mobile under Chrome browser): Hidden titles for my blog articles on mobile

    Thanks again for the help.

    Best wishes,

    Riad

    October 12, 2020 at 5:27 am #1252170
    Rikard

    Hi,

    This CSS is applying on your site:

    @media only screen and (max-width: 767px) {
.responsive #top #main {
    margin-top: 0;
}
}

    It’s coming from the file in private. As it’s cached we can’t tell you where it’s added. Please try deactivating minification and clear all caches so that we can see where it’s coming from.

    Best regards,
    Rikard

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