Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 3, 2023 at 8:03 am #1424479
    AlexCryo

    Hi all.
    I encountered the following problem:
    I’m creating a custom page for the wooCommerce archive and using full-width blocks. However, when I assign this page as the main page of the store in the WooCommerce settings, all the full width blocks become the width of the container: 1430px
    How to fix it? in the same way on the pages of categories – the top banners with category pictures are aligned with the width of the container. I ask the guru for help. Thank you.

    • This topic was modified 1 year ago by AlexCryo.
    November 4, 2023 at 7:58 pm #1424679
    Mike

    Hey AlexCryo,
    Thank you for your patience, the width of 1410px is set by your layout at Enfold Theme Options ▸ General Layout ▸ Dimensions ▸ Maximum Container width
    you can set this to 100% or if you only want this for your shop pages you can try this css:

    .responsive #top.archive.woocommerce .container {
    max-width: 100%;
    padding: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 7, 2023 at 6:29 am #1424868
    AlexCryo

    Thank you!

    November 7, 2023 at 6:56 am #1424869
    Ismael

    Hi,

    Glad to know that this has been resolved! Let us know if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to make blocks to full width of the screen in WooCommerce in the Enfold’ is closed to new replies.