Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 23, 2022 at 4:36 am #1352594
    wildturkeyway

    On two pages I have inserted background images in the top Color Section. Other than not displaying them on mobile (Advanced > Responsive) is there any magic css that can fix the problem?

    Thanks for any help.

    May 23, 2022 at 6:39 am #1352599
    Nikko

    Hi wildturkeyway,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  .home #av_section_1 {
    background-size: contain !important;
  }

  .home #av_section_1 .av-special-heading-tag {
    font-size: 48px !important;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    May 24, 2022 at 6:30 pm #1352795
    wildturkeyway

    Thanks Nikko!

    One last question. Is it possible to move the sub-heading text down? On Mobil only? It’s overlapping the image and I KNOW that Google is goin to complain :-)

    May 24, 2022 at 7:53 pm #1352812
    Rikard

    Hi,

    Thanks for the update. Please try this CSS instead:

    @media only screen and (max-width:767px) {
  .home #av_section_1 {
    background-size: contain !important;
  }

  .home #av_section_1 .av-special-heading-tag {
    font-size: 48px !important;
    margin-bottom: 160px;
  }
}

    Best regards,
    Rikard

    May 24, 2022 at 8:17 pm #1352817
    wildturkeyway

    Yikes!

    I’ve purchased numerous Themes over the years but I’ve never experienced the exceptional support like I receive here.@ kriesi.

    Thanks Rikard,

    May 25, 2022 at 5:05 am #1352843
    Nikko

    Hi wildturkeyway,

    It’s our pleasure helping you :)
    Thanks for using Enfold and I hope that you’ll have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Y/A Not responsive on Mobil’ is closed to new replies.