Pro site sections are not responsive

Support
#1

Hi everyone, I’m working on a site and most of the sections of the page deform at smaller browser widths – any idea what’s up here?

#2

Hi @sarahwefald,

Thanks for writing in.

Upon checking your setup, I could see that responsiveness is working well. In this case, please share us a screenshot of the device where your section or page is deformed.

Please share us also the device you used.

You might want to check the link below:

Hope it helps.

Let us know how it goes.

Thanks.

#4

Hi @sarahwefald,

Thanks for clearing it with the screen shot.

In this case, you will use @media query This will adjust your class or id to a specific size of screen size.

You could follow the link below to help you guide on how to do it.

Hope it helps.

Let us know how it goes.

Thanks.

#6

Hi,

The theme is actually responsive by default.

Those sections in your screenshot that are not responsive are coming from third party plugins.
Essential Grid and Soundcloud.

Kindly refer to the link below for your guide on how to make it responsive.

https://www.themepunch.com/essgrid-doc/core-anatomy-of-an-essential-grid/#grid-layout

Hope that helps.

#8

Hi,

It’s because of the custom css code you have added in Additional CSS Section

.e5-29.x-container, .e5-44.x-container, .e5-55.x-container, .e5-64.x-container, .e5-65.x-container, .e5-72.x-container, .e5-80.x-container {
	width: 660px !important;
}

Kindly remove it as it is making your containers not responsive.

Thanks

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.