Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 31, 2018 at 4:55 pm #905647
    mellypenny

    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!

    February 1, 2018 at 4:15 am #905979
    Nikko

    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,
    Nikko

    February 1, 2018 at 8:15 am #906019
    mellypenny

    Hi Nikko,

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

    Many Thanks!

    February 1, 2018 at 8:55 am #906050
    Nikko

    Hi,

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

    Best regards,
    Nikko

  • Author
    Posts
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.