Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 18, 2017 at 1:19 pm #853378
    davidsg7

    Hi,
    As the title suggests I’m looking to be able, for an individual colour section (with defined section ID), be able to change the Fullwidth Break Point value to a much lower value than 767px.
    Would be grateful if you could help with the CSS media query to enable this. Let me know if more info is required.
    Best Regards
    DG

    September 19, 2017 at 6:29 am #853704
    Rikard

    Hey davidsg7,

    The Color Section element is a full width element so it doesn’t have a breakpoint, could you try to explain a bit further what you are looking to achieve and post a link to your site as well please?

    Best regards,
    Rikard

    September 19, 2017 at 12:23 pm #853809
    davidsg7

    Hi,
    Sorry if i didn’t explain that properly.
    I want to change the breakpoint for the content rows within an individual colour section (not the section itself). I just mentioned the section as I thought I’d be able to use the section ID in the CSS.
    Basically I have 2 columns that I don’t want to break unless it is on the very smallest of screens (I’m guessing at 480px something like that, would need to trial).
    Best Regards
    DG

    September 19, 2017 at 2:49 pm #853865
    Nikko

    Hi DG,

    Try to give those 2 1/2 columns with this Custom Css Class name: av-half

    #top .flex_column.av_one_half.av-half {
    margin-left: 6% !important;
    width: 47% !important;
}

#top .flex_column.av_one_half.first.av-half {
    margin-left: 0 !important;
}

@media only screen and (max-width:480px) {
    #top .flex_column.av_one_half.av-half {
          margin: 0 0 20px !important;
          width: 100% !important;
          display: block !important;
      }
}

    Hope this helps :)

    Best regards,
    Nikko

    August 19, 2018 at 2:13 am #998837
    Levante Golf
    This reply has been marked as private.
    August 20, 2018 at 9:06 am #999224
    Victoria

    Hi ProTravelGolf,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    August 20, 2018 at 11:26 am #999302
    Levante Golf
    This reply has been marked as private.
    August 20, 2018 at 2:23 pm #999377
    Victoria

    Hi ProTravelGolf,

    Which screen size is that? I could not see the issue with the images like on the screenshot.

    Best regards,
    Victoria

    August 20, 2018 at 4:38 pm #999476
    Levante Golf
    This reply has been marked as private.
    August 21, 2018 at 10:49 am #999734
    Victoria

    Hi ProTravelGolf,

    Could you please clear the cache, check again and on another device and get back to us.

    I really do not see the issue. They get 100% width on screens under 767 and so they cannot look like this.

    Best regards,
    Victoria

    August 21, 2018 at 12:00 pm #999780
    Levante Golf
    This reply has been marked as private.
    August 21, 2018 at 8:10 pm #999990
    Victoria

    Hi ProTravelGolf,

    I’ll ask my colleagues to check.

    Best regards,
    Victoria

    August 22, 2018 at 8:05 pm #1000505
    Levante Golf

    Victoria,

    Thanks very much. Is there any update yet?

    Thanks again!

    August 24, 2018 at 4:14 pm #1001292
    Levante Golf

    Victoria,

    I´ve played around with this code and found that the following has worked great. I´ll leave the code here in case it helps someone else:

    @media only screen and (max-width:767px) {
    #top .flex_column.av_one_half.av-half {
    margin-left: 6% !important;
    width: 47% !important;}
    #top .flex_column.av_one_half.first.av-half {
    margin-left: 0 !important;}
    #top .flex_column.av_one_half.av-half {
    width: 45%;
    float: left;
    display: inline-block!important;}
    }

    Many thanks again!!

    August 24, 2018 at 7:11 pm #1001351
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Change Fullwidth Break Point for section ID to custom value’ is closed to new replies.