Need a logo to be larger on mobile - by vfb1977

This topic has 3 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

  • Avatar: vfb1977
    vfb1977
    Participant
    April 19, 2018 at 19:53

    My logo looks small on mobile. I have attached the website address.

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: vfb1977
    vfb1977
    Participant
    April 20, 2018 at 01:50

    Also, how do I implement a design similar to https://www.hobbylobby.com/? Specifically how do I make a background gray and the background for products white?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 20, 2018 at 08:25

    Hello,

    1. Please add this code in Theme Options > Styling > Custom css > Custom css for mobile:

    .header-wrapper .header-logo img {
        max-width: 140px !important;
    }

    2. Global Custom css:

    .template-container {
        background-color:  gray;
    }
    .content-product {
        background-color:  white;
    }
    .content-product .price {
        padding-bottom: 25px !important;
    }
    .content-product .product-title {
        text-align: center;
    }
    .content-product .price {
        text-align: center !important;
        padding-right: 0px !important;
    }

    Regards

  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.