Issues on mobile

[grigrichters]

Hi there, Please take a look at the picture attached. As you can see there is something messed up with the mobile view. This is the same with all my 200+ portfolio items. How can I make the picture resize responsively? The menu is a separate issue which has nothing to do with Kleo. thanks, Grig

[Laura]

Hello, try this, add to style.css of child theme or to the visual composer css

COPY CODE

@media (max-width: 767px) {
.single-portfolio section.container-wrap.main-color.custom-color.text-center {
    background-size: contain !important;
    padding: 0px !important;
    height: 160px;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[grigrichters]

Unfortunately that didn’t work. Any other solution? thanks, Grig

[grigrichters]

I just put it in the “EDIT CSS” area and it seems to work but only on mobile now. It doesn’t resize on ipad for example. Also when you look at this page for example on mobile there is now a huge white space between photo and text and the twitter feed doesnt seem to work.

http://asteroidday.wpengine.com/page/brian-may/

thanks,
Grig

[Laura]

Hello, try with this code, replace the other

COPY CODE

@media (max-width: 1280px) {
.single-portfolio section.container-wrap.main-color.custom-color.text-center {
    background-size: contain !important;
    padding: 0px !important;
    height: 160px;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts