Hey there danielavarlam45,
How are you doing today?
This should be possible to change with some custom CSS, please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:
http://ww.wp.xz.cn/plugins/simple-custom-css
@media screen and (max-width: 900px) {
.entry-content #pg-17-0 .panel-grid-cell {
width: 210px;
clear: both;
margin-bottom: 10px;
float: none;
margin-left: auto;
margin-right: auto;
}
}
This should be the result on resolutions below 900px http://screencast.com/t/tJfzIebylwKj.
Hope this helps 🙂
Cheers,
Bojan
It worked! Many thanks!
Daniela
Bojan
you helped me a while ago. I need the same to be done for other pages, the about page or Our services page. Let me know if you can help. Thank you,
Hey again Daniela,
We can simply use the same code for those two specific elements as well, please try adding the following:
@media screen and (max-width: 900px) {
.entry-content #pg-2-2 .panel-grid-cell, .entry-content #pg-46-0 .panel-grid-cell {
width: 210px;
clear: both;
margin-bottom: 10px;
float: none;
margin-left: auto;
margin-right: auto;
}
}
This should apply the same code on those two pages.
Hope this helps 🙂
Cheers,
Bojan
Thank you Bojan. Now I know how to do it myself. Thank you again!
