-
Posts
-
I have my page set up with a 1/4 column holding an image and then next to it (to the right of it) a 3/4 column of text.
Nothing fancy but when it is showing on mobile – the text in the 3/4 column has a big space on the left-hand side.Desktop: http://postimg.org/image/xi7e8unud/
Mobile: http://postimg.org/image/kiaawz8wl/
I tried telling the av_three_fourth to have no padding or margin on mobile in the Child Theme’s CSS but it won’t budge.
Everywhere else there is text it has equal margins and looks centered.Any ideas?
Hi @Bcunningham ;
there is a padding-left : 30px in the element “OUR EXPERIENCED TEAM ADORE CHILDREN!”,
I think you should put it “0px” for mobile screen.Upon investigation I don’t have any styles placed on “OUR EXPERIENCED TEAM ADORE CHILDREN!” so I don’t know where you found the 30px padding?? I have no styles what so ever on that entire text block. :(
I put a class on the container holding all the text and set it to padding-left:0px !important, with no result.
Hi!
It looks like the padding is applied in the advance layout builder element on the page.
Please check the layout element options
All the padding should be set to 0
if you still have any issue please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.
Regards,
Vinay Kashyap
- The topic ‘Text Content on Mobile has Big Left Indent’ is closed to new replies.