Return to previous page

Mobile Logo Size - by aahmadi3 - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 10 years, 1 months ago ago by Robert Hall

  • Avatar: aahmadi3
    aahmadi3
    Participant
    October 1, 2014 at 04:08

    Hello,
    How can I reduce the size of my logo for only mobile devices?

    http://www.puredogfood.com

    Thank you in advance.
    Ali

    #17747 Copied
    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 1, 2014 at 06:25

    Hello,

    Try to add this code into custom.css file.

    @media (max-width: 480px) {
.header-type-4 .logo-with-menu img{
width:100px;
}
}

    Regards,
    Robert Hall.

    #17761 Copied
    Avatar: aahmadi3
    aahmadi3
    Participant
    October 2, 2014 at 01:04

    Hi Robert,

    That code did not work.
    Please advise.

    Thanks.
    Ali

    #17901 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 2, 2014 at 13:21

    Hello,

    Please try to use this code:

    @media (max-width: 480px) { .header .logo img {
    width: 100px !important;
}}

    Regards,
    Eva Kemp.

    #17948 Copied
    Avatar: aahmadi3
    aahmadi3
    Participant
    October 3, 2014 at 02:03

    Perfect, thank you Eva!

    #18082 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 3, 2014 at 07:41

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

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

The issue related to '‘Mobile Logo Size’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress 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.