Hello there,
i was looking for guidance as to use the grid row element. I am wanting it to look like this http://www.strongtoserve.org/ and collapse like this also when you shrink the screen size. With the above link i was able to have the image relatively small but with this setup i seem to need to have the picture really large or a gap appears below if there is a lot of text.
Long story short it seems very tricky to get this page right whereas on the link above i had no problems. the responsive aspect seems to work differently.
Just looking for help to set this page up in grid row format.
http://demo.koaladetailing.com/
Thanks
Hey zazenwebdesign!
Please insert the below css into your custom css section:
.flex_cell .avia-builder-el-8 {
padding: 50px 100px 25px 100px !important;
}
.flex_cell .avia-builder-el-15 {
padding: 50px 100px 115px 100px !important;
}
#top .no_margin.av_one_half {
min-height: 600px !important;
}
Best regards,
Dake
Thank you,
Do you mean add it to the designated CSS option field in your themes backend at: Theme Options->General Styling?
I did this and there was no change.
Ben
Hi!
Yes, that’s the correct location.
May we have temporary access to your website so we can try applying the css ourselves?
Cheers!
Dake
Hi!
this page seems to be fine for me, because grid layout is working as expected, also on mobile. Can you show us a screenshot of the changes you want to achieve? you can use imgur or dropbox.
Best regards,
Andy