Make Header icons (cart, wishlist, hamburger, search) and logo bigger on mobile

Public Ticket #21012

Make Header icons (cart, wishlist, hamburger, search) and logo bigger on mobile

Conversation thread

sirio replied

4 years ago

Customer Reply

thank you very much for helping

best regards

Sirio

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    .top-search-classes > a  {
        font-size: 18px;
    }
    #navigation.header-6 #logo img {
        max-height: 90px;
    }
    #navigation .button-menu-mobile {
        line-height: 90px;
    }
    #navigation.header-9 .pcheader-icon a.cart-contents,
    #navigation.header-9 .pcheader-icon > a{
        height: 90px;
        line-height: 90px;
    }
    #navigation.header-6 {
        height: 90px;
    }
}

Change 90px with the logo size and 18px for the icon size.

Regards,
PenciDesign.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please send me your site URL. I'll check and send you a custom CSS code.

Regards,
PenciDesign.

sirio started the conversation

4 years ago

Conversation Start

Hello I'm trying to make the the logo and header icons (cart, hamburger menu icon, logo, wishlist and search) a little bigger on mobile devices.
I didnt' find any option for size of those items in the theme customization menu.
Can you help me?
All the best
S.

Want to join this conversation or access attachments? Sign in first.