Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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, 7 months ago by Archie.
    #949978

    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

    #953036

    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!

    #953297

    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

    #953656

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

    #953667

    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

    #954351

    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!

    #954465

    Hi,
    Thank you, we will close this now.

    Best regards,
    Mike

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