Image and Footer in column

[juliensalanave]

Hello, team support! Need help, I wanted that my media image and footer will be same as product thumbnail when view in mobile mode. I use this css code for the product thumbnail

@media only screen and (max-width: 767px) {
.home .product_list_widget.woocommerce.spb_content_element.col-sm-4 {
width: 30%;
float: left;
}
}

but media image and footer is still in vertical position. Please see photos for perusal. Thank you.

-Billy

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

I’m not understanding exactly what you are trying to achieve.
Can you try to explain further and provide the link to that page?

Thanks

-Rui

[juliensalanave]

Okay here is the homepage link https://staging1.oree.co/ and kindly view it in mobile mode. I wanted that other images like instagram and testimonial logo will be same as the product thumbnails in 3 column view in mobile mode. Also the footer menu. Thank you.

-Billy

[David Martin – Support]

You can use this:

@media only screen and (max-width: 479px) {
.blog-grid-items .blog-item.col-sm-sf-5 {
    width: 50%!important;
    float: left;
}
}

[juliensalanave]

Thank you for your response, David. Instagram o social media is now okay but testimonial logos and footer menu are still in vertical view. Your help is much appreciated. Kindly see attached photo.

-Billy

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

If you add a custom class ex: .custom_class to each of those boxed content items.

You can then use:

@media only screen and (max-width: 767px) {
.spb_content_element.custom_class.spb_box_content.col-sm-4 {
    width: 50%;
    float: left;
}
}

To result in this: