Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 21, 2022 at 10:54 am #1349008
    coldstreamer

    Any suggestions? I wonder what the best way would be to to realise an overlapping text box and graphics in a single section like this: https://www.mersmann.com/service/nachhaltigkeit/
    I have two columns in a color section with a text box on the left and an image on the right, and used CSS to position these to get the same effect, but it gets messed up on small displays.
    This is not an Enfold issue, but I was wondering if anyone has a better strategy under Enfold to get this effect?
    Any input welcome and thanks in advance!

    April 21, 2022 at 12:32 pm #1349017
    Rikard

    Hey coldstreamer,

    You would likely need different CSS on small devices, but the desktop layout might not work very well on mobile? If you need further help, then please post a link to where we can see the results you are getting, and let us know what you would like to change.

    Best regards,
    Rikard

    April 21, 2022 at 5:45 pm #1349051
    coldstreamer

    Thanks a million Rikard. You’re right, so I decided to create different sections for difference devices and I believe it’s acceptable. I’m not too knowledgeable about all CSS possibilities but after playing around a bit I think I will finally find settings that are OK for most devices. My difficulty was that placing an image in a column at a fixed px offset didn’t look too good on some devices. Perhaps I can use centering or percentages to improve that (I have to learn a little more CSS).

    April 22, 2022 at 5:52 am #1349097
    Nikko

    Hi coldstreamer,

    You can learn more about CSS Media Queries to target specific devices.
    You can post the link to the page mentioned and maybe some screenshots post it here (or in private content if you only want it to be seen by the moderators) so we can try to help you with CSS.

    Best regards,
    Nikko

    April 24, 2022 at 5:33 pm #1349288
    coldstreamer

    Thanks Nikko, I will do my homework on CSS Media Queries first. If you need to close this thread, go ahead. If I don’t manage to get the results I need, I would open a new thread with details and a login option for Enfold support. Thanks a lot for your support, which I really appreciate, but I understand that I would have to use separate CSS handling for different media and that there’s no simple solution via Enfold’s built-in elements. So I guess, now it’s up to me!
    Best regards
    Andrew

    April 24, 2022 at 8:22 pm #1349299
    Mike

    Hi,
    Glad we were able to help point you in the right direction, please see this article: A Complete Guide to CSS Media Queries
    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 ‘Overlapping text box and graphics in a color section’ is closed to new replies.