Return to previous page

CUSTOM CSS - by captainsesman - on WordPress WooCommerce support

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

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.

#192351 Copied

1 Answer
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
#192405 Copied
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Cocktails Store – WordPress WooCommerce Theme

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

School – WordPress Theme

lazy-placeholder

Pub – WordPress Theme

lazy-placeholder

HandMade Store – WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Hotel – WordPress Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

lazy-placeholder

Shoes 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.