Home Icon Menu on Mobile

Can you post a link?

are you wanting the icon menu to be only visible on mobile?

Kadence Themes

heres the link for the icon menu

im keeping the same setting on desktop.. but viewing in mobile i want it to be 2 columns like this .. also how can i change the font size and color?

Heres the links https://etransac.com.ph

https://etransac.com.ph/?post_type=product

1. You can add this css:

@media (max-width: 768px){
    .home-iconmenu {
    width: 50%;
    float: left;
    }
}

2. try this css:

@media (max-width: 768px){
    .product_item .product_details h5 {
    min-height: 60px;
    }
    .kad_product {
        float:left;
        width:50%;
    }
}

Kadence Themes

Thanks! works perfectly!!!

btw im using this plugin lately and dont know how to show the products in 2 columns in mobile..

link as per below
https://pinoybigdeal.com/classified-ads/

can pls help thanks

Have you asked the plugin developers?

Kadence Themes

Hi

I managed to get the code from the developer..told me to use
.adverts-list to get the product list

So I use the code below:

@media (max-width: 768px) {
.adverts-list {
width: 50%;
float:left;
line-height: 8px;
font-size: 8px;
}
}

After checking on mobile the product list didn’t show in 2 columns but instead it became smaller (left column with products , right column is left blank)

i don’t how to fix it.. can please help me

Thank you

Change that css to this:

@media (max-width: 768px) {
.adverts-list .advert-item {
width: 50% !important;
float:left;
line-height: 8px;
font-size: 8px;
}
}

Kadence Themes

you nailed it!!! thank you!! ??