CUSTOM CSS - by captainsesman - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

  • Avatar: captainsesman
    captainsesman
    Participant
    May 4, 2018 at 09:04

    I want to achieve this kind of resizing to my logo on different screen Sizes and the text.

    http://prntscr.com/jdk4ba

    I have added this code here https://prnt.sc/jdk4tc and its not working.
    Kindly assist.

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 7, 2018 at 08:19

    Hello,

    Please change this code http://prntscr.com/jeoiec to

    @media only screen and (max-width: 991px){ 
        body .header-wrapper .header-logo {
            max-width: 70px !important;
            margin-left: 0px !important;
        }
        .menu-icon {
            display: none;
        }
        .bc-type-3 .title, .bc-type-4 .title, .bc-type-5 .title, .bc-type-6 .title, .bc-type-7 .title, .bc-type-8 .title {
            font-size: 14px !important;
        }
        .page-heading a, .page-heading .woocommerce-breadcrumb {
            display: none;
        }
    }

    – add the code once in Global Custom CSS area.

    P.S. To access the DevTools, open a web page or web app in Google Chrome. Either:
    -Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
    -Right-click on any page element and select Inspect Element.
    The DevTools window will open at the bottom of your Chrome browser.

    Regards

  • Viewing 2 results - 1 through 2 (of 2 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.