This topic has 2 replies, 2 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler
I want to achieve this kind of resizing to my logo on different screen Sizes and the text.
I have added this code here https://prnt.sc/jdk4tc and its not working.
Kindly assist.
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
You must be logged in to reply to this topic.Log in/Sign up