Return to previous page

Mobile Logo Resizing - by tarowaggoner - on WordPress WooCommerce support

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

  • Avatar: tarowaggoner
    tarowaggoner
    Participant
    November 7, 2016 at 07:55

    Hello need help resizing the logo on my mobile view. If this is not possible is there a way to display different logo for mobile and tablet views?

    #145068 Copied Theme version: 1.7.1
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 7, 2016 at 08:41

    Hello,

    Try to add different size for logo in Custom CSS tablet/landscape/mobile.

    Regards,
    Rose Tyler.

    #145074 Copied
    Avatar: tarowaggoner
    tarowaggoner
    Participant
    November 7, 2016 at 18:17

    Okay, yeah i’ve tried several things and it seems like its not working. Is this the image class? .header-logo img.logo-fixed

    my css is not very advanced ^_^

    #145187 Copied Theme version: 1.7.1
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 7, 2016 at 19:09

    Hello,

    Try to use this code in Theme Options > Styling > Custom CSS > Custom CSS for mobile:

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

    Best regards,
    Jack Richardson.

    #145190 Copied
    Avatar: tarowaggoner
    tarowaggoner
    Participant
    November 7, 2016 at 19:58

    Cool that made it bigger thank yo. is there anything i can add to center it?

    #145198 Copied Theme version: 1.7.1
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 8, 2016 at 08:18

    Hello,

    Add this code in Custom CSS:

    @media only screen and (max-width: 480px){
.template-container .header-logo {
    max-width: 270px !important;
}
.header-logo img {
    max-width: 250px !important;
}
}

    Regards,
    Rose Tyler.

    #145215 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme

See All Templates

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