Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 11, 2020 at 12:02 pm #1211808
    femo0347

    Hi,

    i have added a blog post widget which looks great on the desktop. I have set it so that two blog posts are always displayed next to each other (grid layout). But in the mobile view the headlines of the two adjacent blog posts overlap. It would be cool if I could somehow set up that in the mobile view only one block article is displayed at a time and not 2 next to each other.
    Is that possible somehow?

    Thanks for your help already!

    May 12, 2020 at 6:30 am #1212021
    Rikard

    Hey femo0347,

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

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
    width: 100%;
    margin-left: 0;
}
}

    Best regards,
    Rikard

    May 12, 2020 at 8:01 am #1212039
    femo0347

    Hi Rikard,

    that works perfect! Thank you so much!

    Best regards,
    Felix

    May 13, 2020 at 2:51 am #1212443
    Nikko

    Hi Felix,

    I’m glad that Rikard could help you out :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Customize blog post widget depending on screen size’ is closed to new replies.