Sidebar Responsive design not working
-
The colormag theme’s sidebar responsive design is not working properly on mobile iOS devices (iPhone and iPad). I tried both Chrome and Safari.
On mobile devices, the title of the first sidebar widget shows on the right of the post, but the content of the sidebar widget shows under the post. Tried different widgets with the same results.
The page I need help with: [log in to see the link]
-
Hi @wwsuccess,
I’ve a confusion with your query, can you please provide us the screenshot link of the issue for a better understanding of the issue?
Thanks,
AnkitAnkit,
Please see this screenshot from an iPad:
and compare to the live website on a desktop browser: https://www.brasileirosnosestadosunidos.com/
Notice the sidebar. On the desktop you see the title PATROCINADORES and the image underneath. On the iPad you see the the title, but the image has dropped to the bottom of the page. On the iPad, the title of the sidebar should have moved to the bottom as well so that the page is fully responsive on mobile.
You can also see the problem just looking at any post on a mobile device. You will notice that the post is not taking the entire space of the screen on the mobile because of the problem with the title on the sidebar taking space and not dropping to the bottom.
Hopefully this is more clear now. Thanks!
Hi @wwsuccess,
It seems there is a problem in your theme’s CSS so please please add the following CSS code in Additional CSS box:
#primary { float: left; width: 100%; }Help link https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/
Thanks and Regards,
AnkitThat was it. For some reason the width was set to 70.175%. I removed the additional CSS altogether and now it is fine.
Thanks Ankit!
Hi @wwsuccess,
Glad to hear that your issue has been resolved. Do let us know if you have any further queries regarding our theme.
Thanks.
Hello, I’m really new at this. Have no idea what i am doing. but, I want my sidebar to appear on the right hand side of the page even in mobile view. How do i do that? Right now, when i switch to mibile view, my sidebar widgets move to the bottom of the page… Please help
Could you post your query again by starting a new topic here in the forum so that we can help accordingly?
Thanks and Regards,
ThemeGrill
The topic ‘Sidebar Responsive design not working’ is closed to new replies.
