-
AuthorPosts
-
May 2, 2018 at 11:14 am #949964
Hey there Enfold team!
Is there any way to deactivate/disable the borders for the section elements on mobile display?
On this page for example:
“Events” image has a border of Left: 48px Right: 0px and “Broyles Academy” has a border of Right: 48px Left: 0px. When the page is viewed on mobile both images (and the text below each image) are indented because of the border values, and the two images become smaller than the middle image. I would like the borders to be disregarded on mobile view so that they are all centered and same size when displayed.
Thank you so much for the awesome support!
- This topic was modified 6 years, 6 months ago by Archie.
May 2, 2018 at 11:34 am #949978Hey hackoffseries,
Try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { #av_section_1 .flex_column_div.first,#av_section_1 .flex_column.el_after_av_one_half { padding: 0px !important; }
Best regards,
MikeMay 8, 2018 at 4:09 am #953036Hey Mike!
Thank you so much for your response.
The code works for mobile, but unfortunately it messes up the desktop layout as well. Do you a fix for this? (I’ve removed the code for now)
https://prnt.sc/jf2wq1
https://prnt.sc/jf2x86Thank you so much!
May 8, 2018 at 10:52 am #953297Hi,
Sorry, it looks like I forgot the last } in the code, please try this:@media only screen and (max-width: 767px) { #av_section_1 .flex_column_div.first,#av_section_1 .flex_column.el_after_av_one_half { padding: 0px !important; } }
Best regards,
MikeMay 9, 2018 at 3:58 am #953656That is perfect Mike! Thank you so much for your assistance! :)
May 9, 2018 at 4:48 am #953667Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeMay 10, 2018 at 6:27 am #954351Yes, please go ahead and mark this thread as resolved. I will post a review on ThemeForest. I’ve been using Enfold for 5 years now, support has always been exceptional! Keep it up! Thank you!
May 10, 2018 at 11:30 am #954465 -
AuthorPosts
- The topic ‘Disable section element borders on mobile view’ is closed to new replies.