Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #905647

    Hey Guys!
    My front page products (2 columns) are full width and almost touch the sides of the screen, but when clicking on shop or any categories, they are not full screen and have space either sides of the products (again 2 columns).. I would love these pages to also almost touch the edges of the screen as it shows the product larger and looks better. I will post my website below. Thanks!


    Hey mellypenny,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
      .woocommerce.archive #main ul.products {
        margin-left: -7.5%;
        margin-right: -7.5%;

    Hope this helps :)

    Best regards,


    Hi Nikko,

    Thank you so much, that worked perfectly!!! :-)

    Many Thanks!



    Glad we could help :) Thanks for using Enfold! Have a great day :)

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to make shop pages full width on mobile?’ is closed to new replies.