Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 2, 2018 at 11:14 am #949964
    Archie

    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:

    For Businesses

    “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 #949978
    Mike

    Hey 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,
    Mike

    May 8, 2018 at 4:09 am #953036
    Archie

    Hey 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/jf2x86

    Thank you so much!

    May 8, 2018 at 10:52 am #953297
    Mike

    Hi,
    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,
    Mike

    May 9, 2018 at 3:58 am #953656
    Archie

    That is perfect Mike! Thank you so much for your assistance! :)

    May 9, 2018 at 4:48 am #953667
    Mike

    Hi,
    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,
    Mike

    May 10, 2018 at 6:27 am #954351
    Archie

    Yes, 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
    Mike

    Hi,
    Thank you, we will close this now.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Disable section element borders on mobile view’ is closed to new replies.