Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 5, 2022 at 8:26 pm #1339090
    grassifrancesca

    Hi guys,
    I’m adding some CSS to make my website work better on mobile.
    The website is aligned left on desktop but I’d like to have it aligned center on mobile.
    I have a series of small graphic dividers used across the whole website which I’d like to align center on mobile. I was thinking to add the same custom class to all those little dividers (they are jpeg, so inserted as images in a column) and then moving them all together on mobile. I can not figure out how to do that.
    I started with:
    @media only screen and (max-width:989px)
    .avia-image-container-inner #greca {
    float: right!important;
    }

    Where #greca is the custom class, but it doesn’t work.
    Any chance you can help me?
    Many thanks

    Desktop
    Screenshot-2022-02-05-at-18-24-06

    Mobile
    Screenshot-2022-02-05-at-18-24-24

    February 6, 2022 at 5:29 am #1339139
    Rikard

    Hey grassifrancesca,

    Thanks for the login details. I checked your front page, but I can’t find anything with the greca ID, on which page are you using that element? The screenshots you posted are not loading either unfortunately.

    Best regards,
    Rikard

    February 6, 2022 at 1:42 pm #1339166
    grassifrancesca

    Hi Rikard,
    Thanks for checking it out.
    I started with the page “What We Believe”. The “greca” ID is applied as a custom ccs class to the 3 small images on that page.
    Many thanks

    February 6, 2022 at 7:35 pm #1339198
    Mike

    Hi,
    Thanks for the login, I adjusted your css to this:

    @media only screen and (max-width:989px) {
.avia-image-container.greca {
float: none;
display:flex;
justify-content: center;
}
}

    please clear your browser cache and check.

    Best regards,
    Mike

    February 11, 2022 at 12:10 am #1340056
    grassifrancesca

    Thank Mike!
    Apologies for the late reply. It works perfectly!

    February 11, 2022 at 1:27 am #1340064
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom ID images’ is closed to new replies.