Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 27, 2022 at 3:51 am #1342441
    Dave

    Hi Support
    We have set up the Posts to use the Advance Styling and Blog Layout, Enfold Advanced Layer Editor. Then on the Blog page we have it as a Grid layout to display 2 Post wide on desktop.

    However it is very cramped for mobiles.

    How do we make it only show one post per line on mobiles. While still showing 2 posts and sidebar on desktop?

    Thanks in advance for your help :)

    Cheers Dave

    February 27, 2022 at 4:50 pm #1342471
    Mike

    Hey Dave,
    Thank you for your question and the login, I have added this to your child theme stylesheet

    @media only screen and (max-width: 767px){
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.first {
    margin-left: 0;
    width: 100%;
}
}
@media only screen and (max-width: 479px){
	.responsive #top #wrap_all .avia-content-slider-even .slide-entry {
    margin-left: 0;
    clear: both;
    width: 100%;
}
}

    please clear your browser cache and check.

    Best regards,
    Mike

    February 28, 2022 at 12:55 am #1342503
    Dave

    Thanks Mike you are awesome :)

    February 28, 2022 at 12:22 pm #1342529
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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