Tagged: mobile, responsive
Hi, I had another theme on our site and the Bookly plugin worked but I have since redesigned the site with the Enfold theme and the form doesn’t seem to be responsive anymore, it cuts the bottom off. Do you have any code to fix this? Thanks
Hey,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media screen and (max-width: 650px){
.ab-row-fluid {
padding-bottom: 15px;
}}
Best regards,
Yigit
Awesome thank you, that worked perfectly. Would you also have a code that would stop the colour section that it is in from adding a top and bottom margin on mobile also? It only happens on the pages the Bookly booking form is in.
Hi,
Please try editing your color section element and make height depend on content or try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
#av_section_1.avia-section-huge .content {
padding-bottom: 0;
padding-top: 0;
}
Best regards,
Yigit
Hi Yigit, thank you for replying, those didn’t work but after playing around I set the background image to fixed instead of scroll and it fixed it.
Thank you
Hi,
You are welcome!
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit