-
AuthorPosts
-
November 22, 2018 at 1:48 pm #1036509
Hi,
Got a massive difference between the mobile version compared to the HD regular screen.
Grid Row: divided to 3:5-2:5
Mobile Behaviour: besides each other
Fullwidth Break Point: 989px
Please help with getting this fixed somehow.
Thanks a lot.
Moshe.November 23, 2018 at 5:42 pm #1037026Hey mooshonov,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 480px) and (max-width: 990px) { #top .no_margin.av_two_fifth { padding: 20px 30px !important; } } @media only screen and (max-width: 479px) { #top .no_margin.av_two_fifth { width: 100%; } #top .no_margin.av_three_fifth { width: 100%; } .flex_cell { display: block; } }If you need further assistance please let us know.
Best regards,
VictoriaNovember 25, 2018 at 1:36 pm #1037352Thanks! There’s a slight change but the first cell text still overlaps with the image below.
November 27, 2018 at 6:23 pm #1038106Hi mooshonov,
We need to add the padding rule for mobile screens too:
@media only screen and (max-width: 479px) { #top .no_margin.av_two_fifth { width: 100%; padding: 30px !important; } }If you need further assistance please let us know.
Best regards,
VictoriaNovember 28, 2018 at 9:40 am #1038373Solved!
Thank you!November 29, 2018 at 9:34 am #1038847Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardNovember 29, 2018 at 11:26 am #1038887You did a great support work, this ticket may be closed.
-
This reply was modified 6 years, 11 months ago by
mooshonov.
December 1, 2018 at 10:29 am #1039582 -
This reply was modified 6 years, 11 months ago by
-
AuthorPosts
- The topic ‘Broke Grid Row Mobile Behavior’ is closed to new replies.
