-
AuthorPosts
-
April 21, 2022 at 10:54 am #1349008
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 #1349017Hey 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,
RikardApril 21, 2022 at 5:45 pm #1349051Thanks 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 #1349097Hi 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,
NikkoApril 24, 2022 at 5:33 pm #1349288Thanks 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
AndrewApril 24, 2022 at 8:22 pm #1349299Hi,
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 -
AuthorPosts
- The topic ‘Overlapping text box and graphics in a color section’ is closed to new replies.