Change Font and Background Color for Brooklyn theme Mobile Side Bar

smomin93
Tourist
10 0 2

Hello. I want to change the font, font color and background color on this mobile view for the side bar. I don't have a specific font I want to do yet but I just want to know the code. Picture is below. Thank you!!

Screen Shot 2021-04-29 at 11.08.03 AM.png

UmairA
Shopify Partner
872 85 173

Hey there @smomin93,

Can you please include the URL of your store? I'll take a look for you before I can offer any solution/guidance. Thanks

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes
smomin93
Tourist
10 0 2

Hello!

URL: www.shopalaika.com

PW: yeirow

0 Likes
Natztech
Shopify Partner
688 189 461

@smomin93  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

  @media only screen and (max-width: 769px){
.mobile-nav > .mobile-nav__item {
    background-color: #f2f2f2 !important ;
 }
  .drawer__inner .mobile-nav{
   background-color: #f2f2f2 !important ;   
 }
   .drawer__inner{
    background-color: #f2f2f2 !important ;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
smomin93
Tourist
10 0 2

@Natztech Thank you!!  That helps with the background colors. Do you know how to change the font type and size?

0 Likes
Natztech
Shopify Partner
688 189 461

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 @media only screen and (max-width: 769px){
.mobile-nav > .mobile-nav__item {
    font-family: 'Montserrat';
}
.drawer .drawer__inner  .mobile-nav  .mobile-nav__item .mobile-nav__link{
    font-size: 26px !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
smomin93
Tourist
10 0 2

Hi @Natztech, for some reason that is not working for me. I even tried different fonts and nothing is changing. 

0 Likes