-
Posts
-
Deat Team,
I reopen an issue that I believed fixed because I realized there is still a problem when turning the smartphone in landscape, then the video completely covers the title underneath.
I tried to change the parameters of several things (upper/under padding and margins of the color boxes, titles boxes before and after the video in a small screen and small-medium screen, but I have to put exagerated numbers to make it move of 2 mm, it’s extremely frustrating.
I definitely don’t have any sort of affinity with the Enfold margins and paddling, I don’t even quite understand the difference between the two, and I don’t achieve to catch to what logics they react. Could you please explain me which of the parameters exactly do I have to change to adjust the right distance to the small screen in landscapte format ? Then I will just take note for next time. An explanation only for the french site will perfectly do.
Thank you very much in advance.
Best regards,
NatachaPS: I also have a problem with the distances between my H3 Titles and the separator bar beneath: there is NO WAY I can achieve the same distance. Here too, I don’t really undeerstand what is the meaning of a padding and of a margin. Please explain me exactly which parameter I have to change to achieve a regular distance equal in all cases. The problem with spaces in Enfold is that I think I set a standard parameter at the beginning, but then it was not regular in all the responsive views, and I had to change them all in an individual way. This took a huge amount of time and now it seems to have gone off track over time and I see myself starting this loss of time all over again.
just a short info on media querries : there are not only media query for screen width but also for orientation:
so you can have something like this:
@media only screen and (max-width: 989px) and (orientation: landscape) { … }PS: the opposite is “portrait”
you can have aspect-ratio or resolution etc.e.g.: for retina displays:
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* Retina-specific stuff here */ }Hi Mike,
I don’t do code, so no it doesn’t help. But after many tries ant time spent, I could solve the issue.
Thank you,
Regards,
Natacha
- The topic ‘Managing margins for responsive purpose’ is closed to new replies.