Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 23, 2023 at 9:25 am #1394743
    FamalcoGroup

    To whom it may concern,

    At the moment my blog posts page displays 3 columns on the desktop which is good as that’s how I want it, but on laptop 3 columns next to each other are not looking very good.

    Is there a way that ON LAPTOP ONLY I can set it to display 2 columns rather than 3?

    Looking forward to your reply.
    Regards

    January 23, 2023 at 2:56 pm #1394787
    Yigit

    Hey,

    Thanks for contacting us!

    It seems like you have 2 Content Slider elements on your page, one with 3 columns and the other with 2 columns. You display the one with 3 columns on the desktop and the one with 2 columns on smaller screen sizes.

    Please edit your Content Slider element with 3 columns and give it the “desktop-content-slider” CSS class in Advanced > Developer Settings. Then, edit your Content Slider element with 2 columns and give it the “laptop-content-slider” CSS class in Advanced > Developer Settings.

    Then add the following code to Quick CSS in Enfold theme options > General Styling tab

    
@media only screen and (max-width: 1024px) {
.desktop-content-slider { display: none !important; } 
.laptop-content-slider { display: block !important; }
}

    1024px in the code is the break point. You can change it as needed.

    Best regards,
    Yigit

    January 24, 2023 at 8:43 am #1394878
    FamalcoGroup
    This reply has been marked as private.
    January 24, 2023 at 10:20 am #1394889
    Yigit

    Hi,

    You are welcome!

    Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Blog Posts column on laptop’ is closed to new replies.