Sidebar Responsive design not working

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,
Ankit

Ankit,

Please see this screenshot from an iPad:

https://www.brasileirosnosestadosunidos.com/wp-content/uploads/2020/06/Screenshot-2020-06-09-at-9.29.38-AM.jpg

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,
Ankit

That 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

Hi @theconversations256

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