Hi,
i already searched the forums but nothing really fits to my problem. I attached an image from a blog post (not the blog page) and on desktop and mobile size it looks very good but the tablet size with those huge paddings cuts the text and content too much. How can i change only the padding left and right for the tablet size? Or can i make it overall 90% maybe?
thank you for your help in advance and best regards
Toni
Hey mobiloclean,
Could you post a link to the page in question so that we can take a closer look please?
Best regards,
Rikard
Sure, thank you for your reply.
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.single-post .container {
max-width: 90%;
}
}
Best regards,
Rikard
EDIT: in my options was set 80% content width thats why it didnt work. Now its fine and works.
Hi Rikard,
that didnt work for. And i removed the “and” between the min and max width, thats not neccessary right? I dunno why this doesnt work, i checked my other custom css code but i guess nothing interferes with that. Do you have another idea?
Thank you very much
Toni
Hi mobiloclean,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria