Sidebar on category page on mobile

[CMurrin]

Hello,

I think I’m getting close to having the site set out how I want it, and thanks very much for all your help with that.

One thing I’ve noticed is that when I view the category page for songs on my phone (iPhone 6) the right sidebar with the search button takes up too much of the page. Is there a way of stopping the sidebar from appearing when viewing on a phone only, and ideally moving the search button to above the category title?

http://www.sixstringfingerpicking.com/songs/

The idea is that by using a category it will draw in lessons that are on songs from my Top 60 songs post.

It would also look more professional if the font size of the post titles scaled down on the phone.

If you can help me with any of this it would be great!

Thanks,
Chris

[Hans (Support Admin)]

Hi @CMurrin

Please add

col-sm-12

to line 18 of woocommerce.php and line 13 of sidebar.php files.

Like this https://www.dropbox.com/s/h9lix7z6p2x4dbg/woocommerce-sidebar.PNG?dl=0

[CMurrin]

Hi Hans,

Thanks for the help but unfortunately making the change you suggested didn’t appear to make a difference.

Thanks,
Chris

[Hans (Support Admin)]

Can you provide me with admin access to your site?

[CMurrin]

This reply has been marked as private.

[Hans (Support Admin)]

Hello @CMurrin

I tried to log in with the credentials you gave me but unfortunately it did not work.

[CMurrin]

This reply has been marked as private.

[Hans (Support Admin)]

Hi @CMurrin

I have made the changes in the files.

The sidebar will now appear below the content on smaller devices.

[CMurrin]

Thank you very much Hans.

Best wishes,
Chris