Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 18, 2016 at 9:39 pm #662273
    doug123

    Hi – great theme.
    Is it possible to designate one Custom Background Image for desktop/laptop and a different image for Mobile? The image we set for desktop looks great, but we need to design a different composition for mobile. We only want this for the homepage header, not all Custom Background Images.
    Kind Regards,
    Doug

    July 19, 2016 at 1:17 pm #662456
    Rikard

    Hey Doug,

    If you want greater control over your Color Section background you would have to create different section to display only on small screens and use images better adapted to those dimension. You can then hide/show the correct section using CSS after giving your sections unique IDs in the element options:

    @media only screen and (max-width: 767px) {
#desktop-section {
display:none !important;
}
}

@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
}

    Best regards,
    Rikard

    July 20, 2016 at 7:41 pm #663096
    doug123

    Excellent! This is just what I was hoping for.

    Thank you.

    July 21, 2016 at 5:05 am #663189
    Jordan

    Hi,

    Glad we could be of help :)

    Feel free to reach out to us again on the forum if you need assistance with anything else.

    Best regards,
    Jordan

    September 16, 2016 at 10:53 pm #687756
    doug123

    Hi all –
    I’m running into an issue with this mobile / desktop Color Section CSS switching and was wondering if you knew of a solution.
    The switch works very well, a different Color Section displays on mobile and desktop as expected.
    The problem is that on desktop view, when I re-scale the browser screen narrower, a white space opens up either beneath the fullscreen image, or above it, depending on whether I align the image in the Color Section top or bottom. For design and layout reasons, it needs to be aligned Bottom / Center.
    This doesn’t occur on a standard Color Section minus the mobile / desktop switcher CSS, of course.
    Sadly, if I can’t solve this, we’ll need to go with just one image.

    I SO appreciate all your help!

    September 18, 2016 at 4:09 am #688034
    doug123

    Hi! – I came up with a design work-around so no need to address this problem.

    Thank you for your support!!!

    September 19, 2016 at 8:51 am #688359
    Rikard

    Hi Doug,

    Great, thanks for letting us know and glad you found a solution :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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