Responsive Mobile Design Not Working

Support
#1

HI,

Webpage looks fine on a desktop. However, images, photos and text are overlapping in mobile views.

Is there an @media rule to prevent this from happening?

Thanks

#2

Hi There,

You have added margin -550px and that is causing the issue.

Please remove this negative margin as it can be tricky and let us know what you want to fix.

You could add the class man to your custom headline for example.

Hope it helps!

#3

Hi Joao,

Thanks. That worked.

Is it possible to hide a specific element, like a background image in mobile view?

#4

Hi There,

If it is an element then add a CLASS cs-hide-sm cs-hide-xs to it, and it will be hidden on mobile.

If it is a section background-image, then add this on Theme Options > CSS

@media (max-width: 767px) {
	.no-bg {background-image: none !important;}
}

Then add a CLASS no-bg to your section.

Hope it helps,
Cheers!

#5

Sweet - thanks a lot.

#6

You are welcome!