Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3042485
Make Header icons (cart, wishlist, hamburger, search) and logo bigger on mobile
Closed

Comments

  • sirio started the conversation
    May 12, 2022 at 8:02am

    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.

  •  2,489
    PenciDesign replied
    May 12, 2022 at 9:30am

    Hi,

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

    Regards,
    PenciDesign.


  •   sirio replied privately
  •  2,489
    PenciDesign replied
    May 12, 2022 at 5:03pm

    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.



  • sirio replied
    May 12, 2022 at 9:15pm

    thank you very much for helping

    best regards

    Sirio