Sidebar above content for mobile

Hi there,

It's not possible to move a single widget, but we can move the entire sidebar above the content.

An alternative would be to use a Hook Element and add your content in the generate_before_main_content hook.

Just wrap your content in this element so it only shows on mobile:

<div class="hide-on-desktop hide-on-tablet">
    Your mobile stuff
</div>

Hi Tom,

Thanks for the quick reply.

What would go in the "Your mobile stuff" for a single widget? Or if it is still not possible to do for a single one, then for all. Sorry, not knowledgeable.

It would be best to just manually enter the content from your widget. What kind of widget is it?

It is a text widget but I don't know how that goes as a code.

Should I just copy paste the text?

Ok, I think I got it working. Thanks much again!

Awesome! You're welcome :)

Tom,

I hope you can take a look at this strange issue as well.

When I add a link to the button on the homepage, it completely breaks. The hero section just disappears. And yesterday, I also discovered that the same happens when I try to modify the SEO title and meta description of the homepage. So pretty much anything I touch breaks the homepage.

Sorry is this related to the original question?

If not any chance you can open a new support topic for the separate question so it's easier for us to track the issues?

Thanks!

Sure, I will do that.