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.
Hey 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,
Victoria
Thanks! There’s a slight change but the first cell text still overlaps with the image below.
Hi 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,
Victoria
Solved!
Thank you!
Hi,
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,
Rikard
You did a great support work, this ticket may be closed.