Hello there,
I have set the content section to no padding on this page: http://www.swart-dicke.nl/home
However, when I view the page on my mobile, the padding on the bottom appears which looks a bit weird with their legs “cut off.” Hope you guys know which code I can add so that the padding-bottom is also zero on mobile.
Thanks in advance for your reply!
Hey connepon!
I’m not entirely sure I understand what you mean, could you please provide us with a screenshot highlighting the issue?
Cheers!
Rikard
Hey Rikard,
thanks for your quick reply. You can view a screenshot from my mobile phone here: http://www.swart-dicke.nl/wp-content/uploads/2015/04/screenshot-mobile.jpg
As you can see there is a padding on the bottom on mobile devices.
Thanks in advance for your reply!
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
#main-image .flex_column {
margin-bottom: 0!important;
}}
Regards,
Yigit
Thanks, that worked!! Awesome! :D
Can I also add a code for the maximum font-size on mobile phones? Now it doesn’t fit because some words in the heading are quite large
Hey!
Sure, please add following code to Quick CSS as well
@media only screen and (max-width: 480px) {
h2.av-special-heading-tag {
font-size: 34px!important;
}}
Best regards,
Yigit
Okay, thanks, awesome!
Hi!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit