Move Sidebar Widgets to Top Mobile

  • Resolved ovieenams

    (@ovieenams)


    3 years, 3 months ago

    I have finished setting up my shop, but i need to move my sidebar widgets to top on Mobile devices, i am aware of the sidebar width which makes it to go below, but i am unable to resolve this, i have tried increasing the width of the sidebar and reducing the main content on smaller screens to no avail. If i could also be recommended to a plugin that can assist me too, that will suffice

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • The main issue is the way the DOM is structured in your template, in that the product grid is first and the sidebar second, but then ‘pulled’ left with a float.

    You could possibly fix this up with CSS using flex and flex-wrap: wrap-reverse but I think you will be in a world of pain as that will probably break the product grid and then you need to fix that which …

    In my opinion I think it is better to create a child theme and override the template setting the sidebar earlier than content.

    None of this is particularly simple, but I would seriously doubt there is a plugin that would achieve what you want as a plug and play activity.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Your theme’s support may be able to help with this. You’re using a commercial/premium theme, so please use their official support channel. We feel they are best equipped to support their products.

    https://helpcenter.qodeinteractive.com/

    Commercial products are not supported in these forums.

    Thread Starter ovieenams

    (@ovieenams)

    I Understood how complex my template is @alanfuller and i also was thinking of creating a button atop the main content, that says “filters” and links to the widget section, do you also have an idea how i can go about that, i also tried flex wrap: wrap-reverse which did not work

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move Sidebar Widgets to Top Mobile’ is closed to new replies.