No margin in mobile version

Lalelex · October 2018

What CSS do I have to add so that the margin in the texts beneath my titles (<p style="margin: 0 20%;">) isn't shown in mobile version?

This is my website: https://www.mobiles-brautstyling.de/

Thanks a lot!

Pablo · October 2018

Hi,

I do not see this issue.

Did you solve it?

If not, please send me a screenshot of the problem.

Also, tell me, which OS(on mobile) and browser do you use?

Thanks

Lalelex · October 2018

No, i didn't solve it but i will attach some screenshots of the sections I mean.

https://www.bilder-upload.eu/show.php?file=d62bda-1539027241.png

And is there a way to make the slider at the beginning and the testimonial section also mobile friendly? because it is really hard to read the text like that. (also screenshot attached)

Testimonial

Slider

Thanks!

Pablo · October 2018

There are margins, even on your screenshot. (without Slider)

1) If you want to make a margin for your RevSlider, then you have to modify your slide.
But it is mobile friendly, I tested it on a few devices and it looks ok.
2) Everywhere, you added a margin in Custom CSS and it works.
I do not understand your question.

Cheers

Lalelex · October 2018

Yes, I know that there are margins, but I want to remove them in mobile version so that the text takes the full witdh.

Pablo · October 2018

Please use this CSS code to eliminate this

@media (max-width:767px){
	.section p{
		margin:0px 10px 10px 0px !important;
		}
	
	.section blockquote{
		margin:0px 10px 10px 0px !important;
	}
}

Paste it to Theme Options > Custom CSS & JS > CSS

Thanks.

Lalelex · October 2018

Thank you!

Lalelex · October 2018

Just one last question, sorry if I am annoying haha

Now the </br> sections are also removed (only in mobile) What can I do to still have them shown?

For expample the text "about me" is now only one paragraph in mobile version.

Pablo · October 2018

I did not change anything in br tag.

Can you show me on screenshot what happened, I do not see the issue.

Thanks.

Lalelex · October 2018

Usually it should look like this, with all the paragraphs:

https://www.pic-upload.de/view-36108578/Bildschirmfoto2018-10-14um14.57.13.png.html

But in mobile version they are gone:

https://www.pic-upload.de/view-36108604/Bildschirmfoto2018-10-14um14.57.23.png.html

Pablo · October 2018

I updated the code above.

Replace it and everything will be okay.

Thanks

Lalelex · October 2018

Perfect, thank you so much!

No margin in mobile version

Comments