-
Posts
-
Hi,
To create a margin between portfolio items, I reduced the width percentage and put in this css:
div.grid-entry.flex_column {
width:29% !important;
}But now on a small screen it keeps showing 3 images next to each other and they are too small. So I tried this css;
@media only screen and (max-width: 700px) {
div.grid-entry.flex_column {
width:100% !important;
})But it doesn’t work, and I tried this:
@media only screen and (max-width: 700px) {
div .av_one_third {
width:100% !important;
})
no luck there either…
Any idea what will make portfoliio items show up full width on small screen?
Thank you,
LisaHi Lisa,
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
RikardHi,
I’ve started this thread a while ago and I thought I’d sent the login details but maybe something went wrong. I’m still trying to solve this problem so if you could help me that would be fantastic!
Thanks,
LisaHi,
Please try to remove your other CSS and try this instead:
@media only screen and (max-width: 767px) { #top .no_margin.av_one_third { width:100% !important; } }Regards,
RikardHi,
I’ve put the above css in but it makes the grid images appear 100% in every screen size (even bigger then 767px) which is weird.
I also tried this:
@media only screen and (max-width: 700px) {
#top .no_margin.av_one_third {
width:100% !important;
}
}
But then nothing happens….
Could you have one more look at this for me?
Thank you!!!
LisaHey!
Please check the site now we fixed it by adding the original code provided by Rikard. That was was added but without media queries hence it was affecting all the screens.
Thank you for using Enfold :)
Best regards,
Vinay KashyapHi!
Glad we could help :) We have put together some info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/
we really appreciate if you rate our theme on themeforest :)
Thank you for using Enfold :)
Best regards,
Vinay Kashyap
- You must be logged in to reply to this topic.