Tagged: grid row
Hello Kriesi Support Team
I have a grid row section with a background image, set to 75% screen height. There is an image element, which is bottom aligned. This works perfectly in Desktop, but not on mobile.
Would appreciate any help in getting these titles/images bottom aligned.
Thanks so much.
corina
Hey Corina,
Could you please attach some screenshots of the issue?
It is not very clear which part is not working for you on mobile.
Best regards,
Victoria
Hi Victoria
Sure, sorry about the delay, I was out of the office for a couple of days.
Here’s the mobile view, where the title is top aligned (should be bottom, like on desktop)
https://www.dropbox.com/s/7i2ilgyofra2iuv/NN%20-%20Mobile%20View.jpeg?dl=0
Here’s Desktop view with title bottom aligned, which is correct:
https://www.dropbox.com/s/81cnl0xx4r0a99w/NN%20-%20Desktop%20View%20-%202019-09-26%2016.09.15.png?dl=0
Hope that helps. The title is also an image.
thanks heaps.
Corina
Hi Corina,
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 (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding .avia-image-container.avia-align-left {
top: 210px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria.
Perfect. Thanks so much for your help.
All the best,
Corina