Return to previous page

Mobile Devices: Load Sidebar after Main Content

This topic has 31 replies, 7 voices, and was last updated 10 years ago ago by Robert Hall

ShiloRune

Participant

July 24, 2014 at 02:07

Do you have an easy way to move the sidebar below the main content on mobile devices? Currently the user must scroll through the entire sidebar before reaching the desired content, which is just annoying. Any help is appreciated.

#10604 Copied

30 Answers

Robert Hall

Support staff

July 24, 2014 at 06:07

Hello,

Please provide us with link to the page and wp-admin access to see issues with more details.

Regards,
Robert Hall.

#10607 Copied

ShiloRune

Participant

July 25, 2014 at 17:48

See private message:

Please, contact administrator
for this information.

#10775 Copied

ShiloRune

Participant

July 25, 2014 at 17:54

Hi, while you’re in there – do you mind looking at my blog sidebar? It’s not taking effect. For example, I created a custom sidebar titled, “Blog,” and assigned it to the blog page, but nothing happens. The blog sidebar is two widgets, but the standard search widget just shows up.

#10779 Copied

Jack Richardson

Support staff

July 25, 2014 at 18:30

Hello,

Currently we’re working on your question about changing sidebar position on mobile view.
Concerning your second question: it is necessary to edit blog page and change Widget Area value to your custom widget area – “Blog”. I’ve did it already.

Regards,
Jack Richardson

#10783 Copied

ShiloRune

Participant

July 25, 2014 at 18:35

Hey Jack,

Thanks for your help.

I had actually applied the custom sidebar to the page itself. There is nothing happening as a result.

#10784 Copied

ShiloRune

Participant

July 25, 2014 at 18:36

Looks like the blog posts changing, but the blog landing page does not

#10785 Copied

Jack Richardson

Support staff

July 25, 2014 at 18:56

For the blog landing page it is necessary to put widgets into the Main Sidebar widget area.

Regards,
Jack Richadrson

#10791 Copied

ShiloRune

Participant

July 25, 2014 at 21:43

Jack,

Let me know if you need FTP access to better pinpoint this problem?

#10802 Copied

Eva Kemp

Support staff

July 26, 2014 at 08:41

Hello,

Yes, please provide us with FTP credentials as well.
Thank you.

Regards,
Eva Kemp.

#10836 Copied

hollysnails

Participant

July 27, 2014 at 01:15

hello, I need the sidebar under the content on the mobile device also on the home page please

http://tnstriperfishing.webcandywebsites.com/

it gives the option in the blog option area but not for the home page.

Please, contact administrator
for this information.

#10880 Copied

Eva Kemp

Support staff

July 28, 2014 at 09:48

Hello,

We’ve added the code into custom.css to resolve the issue with sidebar on a mobile device.
Unfortunately the sidebar on home page can’t be edited as it’s added via Visual Composer. Sorry.

Regards,
Eva Kemp.

#10960 Copied

ShiloRune

Participant

July 28, 2014 at 14:59

Howdy,

There was no code added to my custom.css file. Do you mind supplying that here? This way we can also benefit the other user inquiring about this question.

Thx

#11035 Copied

Eva Kemp

Support staff

July 28, 2014 at 15:28

Hello,

Sorry. It’s added now.
Please check the site.

Regards,
Eva Kemp.

#11044 Copied

rwlee33

Participant

July 29, 2014 at 03:04

Hello,

Can you provide the code for this issue? I would also like the content to load before the sidebar in mobile.

Thanks!

#11108 Copied

rwlee33

Participant

July 29, 2014 at 03:06

Thanks (subscribing to follow-ups)

#11109 Copied
Eva Kemp

Support staff

July 29, 2014 at 11:24
Hello,

The code that was added:
```
@media (max-width:767px){
.sidebar-position-left.responsive-sidebar-bottom .sidebar-right{
	display: block !important;
 }
.sidebar-position-left.responsive-sidebar-bottom .sidebar-left{
	display: none !important;
 } }
```
Regards,
Eva Kemp.
#11158 Copied
rwlee33

Participant

August 4, 2014 at 08:23

Thanks! That worked great.

Now, to make it bit more complicated…is there a way to make sure all the sidebars are below the content, except for the sidebar on the “Shop” page? That should remain on top in mobile view.

#11679 Copied

Eva Kemp

Support staff

August 4, 2014 at 09:14

Hello,

Sorry, but that option is for all sidebars. There is no such possibility to have only Shop sidebar at the top on mobile devices.
Please take our apologies.

Regards,
Eva Kemp.

#11690 Copied

ThatguySA

Participant

November 25, 2014 at 08:09

Hi Eva,

I added the above code and it doesnt work at all.

Please could you provide further assistance here.

kind Regards,

Gus

#26337 Copied

Eva Kemp

Support staff

November 25, 2014 at 13:23

Hello @ThatguySA,

Please provide us with wp-admin panel credentials and specify what you’re trying to achieve.

Thank you.
Regards,
Eva Kemp.

#26474 Copied

rwlee33

Participant

November 25, 2014 at 22:42

unsubscribing

#26628 Copied

ThatguySA

Participant

November 26, 2014 at 06:53

Hi Eva,

I am trying to get the sidebar under the content on mobile devices. from a UX perspective we dont shoppers having to scroll through the entire menu before they see products.

Admin detials are attached. Thanks Eva

Please, contact administrator
for this information.

#26658 Copied

Eva Kemp

Support staff

November 26, 2014 at 11:39

Hello @ThatguySA,

I’ve set “Sidebar position for responsive layout” to “Bottom” in Theme Options > Blog.
Please check your site now.

Thank you.
Regards,
Eva Kemp.

#26691 Copied

ThatguySA

Participant

November 26, 2014 at 13:32

Hi Eva,

Thank you so much for this. I appreciate it. Working like a charm!

#26708 Copied

ThatguySA

Participant

November 26, 2014 at 13:52

Is not possible to have the sidebar on the left? I moved the sidebar to the left side for the products and it doesnt work again. I did add the code above into custom CSS. Would that be conflicting?

#26720 Copied

Eva Kemp

Support staff

November 26, 2014 at 14:34

Hello @ThatguySA,

As I see sidebar in on the left for products page.
Are you talking about sidebar shown on a mobile device?

Thank you.
Regards,
Eva Kemp.

#26733 Copied

ThatguySA

Participant

November 26, 2014 at 14:45

Hi Eva,

I put the sidebar back on the left and then it loads ahead of the content on mobile devices.

Kind Regards,

Gus

#26735 Copied

Eva Kemp

Support staff

November 26, 2014 at 14:53

Hello @ThatguySA,

The issue has been fixed.
Please check now.

Regards,
Eva Kemp.

#26739 Copied

ThatguySA

Participant

November 26, 2014 at 15:43

Thanks Eva.

#26746 Copied
1 2

Viewing 30 results - 1 through 30 (of 31 total)

The issue related to '‘Mobile Devices: Load Sidebar after Main Content’' has been successfully resolved, and the topic is now closed for further responses

Mobile Devices: Load Sidebar after Main Content

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection