Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #607849

    Hi, I have looked at this forum and have found similar questions with varying answers which are not working for me. I have a couple color sections with background images that are not responsive. I have my settings correct (I think LOL!) so I’m at a loss as to what’s causing the issue. Any suggestions.

    #608061

    Hey Snerp,

    They look responsive to me, but you will always lose some image data because of the differently sized screens so it won’t look exactly the same on desktop as on mobile or tablets. I would recommend you to add text as separate image or as html. If you want greater control of how the sections look on mobile you can create separate sections and upload images better adapted to mobile screens and then hide/show the correct one using CSS. Let us know what approach you would like to take and we’ll help you if you should run into problems.

    Thanks,
    Rikard

    #608381

    Hi Rikard, thank you looking into this for me.

    If you have the CSS I would need and a more detailed explanation on how to add these extra sections that would be awesome.

    #608675

    Hi,

    You can create the extra sections just like the other ones you have made but you will have to give them a unique id in the element options, for instance: section1-mobile and section1-desktop. You can then hide/show them by using the following CSS:

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

    Note that the # sign does not go in the unique ID field in the element options. If you need to hide several sections you can add more after the ID identifier like this: #section1-desktop, #section2-desktop, #section3-desktop

    Best regards,
    Rikard

    #609101

    Thanks I’ll give that a try. I’ll let you know if I succeed or have nay more questions.

    #609154

    Hi!

    We will be around for you, poke us if you need anything :-)

    Regards,
    Basilis

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.