Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 10, 2017 at 9:31 pm #791343
    raisonbrands

    Howdy,

    We have some custom background images in two side by side columns (look at page bottom in Private Content) that look great on everything but mobile. On mobile hey just become gibberish from not resizeing.

    Is there any way to set a mobile fallback for them?

    Thanks!

    May 11, 2017 at 6:11 am #791480
    Rikard

    Hey raisonbrands,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
.page-id-3232 #av_section_4 .flex_column {
    display: block;
    width: 100%;
}
}

    Best regards,
    Rikard

    May 11, 2017 at 10:02 pm #791945
    raisonbrands

    Thanks Rikard,
    Unfortunately I’m not seeing a difference on either the Hospitals or Providers pages.

    Any ideas?

    May 12, 2017 at 7:59 am #792126
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 990px) {
.page-id-3232 #av_section_4 .flex_column {
    display: block !important;
    width: 100% !important;
}
}

    The code should only affect the page you linked to. Make sure to clear your browser cache and reload a few times in case you are getting cached results.

    Best regards,
    Rikard

    May 12, 2017 at 6:40 pm #792441
    raisonbrands

    Hey Rikard,

    Sorry, still no changes, cleared the cache at Pantheon (host) and reloaded my galaxy a bunch of times.
    Below are credentials for our development space if you want to take a peek and try some stuff out.

    But, just to make sure we’r on the same page, it’s the bottom two boxes in question. The PatientRemedi and Credit Balance text, patterns and pills are all from the back ground image. The CTA text and button are Enfold.

    On my phone, it is super close to looking good, it’s just that a few letters of PatientRemedi and Credit Balance get cut off (not worried at all about the pills).

    Thanks!

    May 13, 2017 at 6:00 am #792628
    Rikard

    Hi,

    Ok, thanks for the feedback. Please try this instead of what I previously posted:

    @media only screen and (max-width: 990px) {
.page-id-3232 #av_section_4 .av_one_half {
    width: 100% !important;
    display: block !important;
    margin-bottom: 30px !important;
}
}

    Best regards,
    Rikard

    June 15, 2017 at 9:14 pm #808710
    raisonbrands

    Hey Rikard,

    Sorry to let this hang. We passed the site off to the client. The next time they have me make updates / fixes I’ll give this a shot and let you know how it goes.

    Thanks again!

    June 16, 2017 at 6:40 am #808837
    Rikard

    Hi,

    Ok, thanks for the feedback. I’ll leave the thread open in case you should have any further problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.