Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 18, 2021 at 11:54 am #1321444
    mauro_gallone

    Hi I would like to know how to set the sidebar widgets on Enfold, mobile side, so that they are displayed at the beginning and not at the end of the content.

    The link of the store page of my e-commerce is: https://lea-gu.com/negozio/

    View it from mobile to see how the widget content is displayed after the content and not before.

    How can I fix this issue?

    Thanks so much

    September 19, 2021 at 1:58 pm #1321524
    Nikko

    Hi mauro_gallone,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  #top.post-type-archive-product #wrap_all .container_wrap_first .container {
    display: flex;
    flex-direction: column;
  }

  #top.post-type-archive-product #wrap_all .container_wrap_first .container .woocommerce-products-header {
    order: 1;
  }

  #top.post-type-archive-product #wrap_all .container_wrap_first .container .template-shop.content {
    order: 3;
  }

  #top.post-type-archive-product #wrap_all .container_wrap_first .container .sidebar {
    order: 2;
  }
}

    Best regards,
    Nikko

    September 19, 2021 at 2:38 pm #1321534
    mauro_gallone

    I’ve fix problem. Thanks so much!!

    September 19, 2021 at 11:02 pm #1321556
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘WOOCOMMERCE-ENFOLD: how can i display widgets before shop page content?’ is closed to new replies.