Design Brooklyn Theme - Background Colors

Solved
Zucker
Excursionist
21 0 4

Hello! I need help with the transparent header. The "catalog" submenu box is turning white. I would like to make it the same color as the background.

 

box branca.png

I would also like to know if it is possible to change the background color of the website. I would like to leave the same color as the banner. On all pages.

 

#F1EBCB < color to submenu box and website background

 

my website: zuckerdesign.com.br

password: awpust

 

 

 

 

 

0 Likes

This is an accepted solution.

Hello @Zucker 

For changing background color of drop down menu follow following steps :

Add this css at the bottom of following path

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.site-nav--has-dropdown:hover > a, .site-nav--has-dropdown > a.nav-focus, .site-nav--has-dropdown.nav-hover > a {
	background-color: #F1EBCB !important;
	}
.site-nav__dropdown {
	background-color: #F1EBCB !important;

}

Hope this is work for you..

Thanks...

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Zucker
Excursionist
21 0 4

 Hello @oscprofessional. It worked! Thanks for your help!

Can you help me with another question? I needed to increase the font of the text in this section of my brooklyn theme, but only for desktop version.

postt.png

0 Likes

This is an accepted solution.

Hello Zucker,
To increase the font of the text in the section only for desktop version.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

@media only screen and (min-width: 750px){
#shopify-section-1599522538452 .rte-setting.featured-row__subtext p {
    font-size: 19px;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Zucker
Excursionist
21 0 4

Thank you so much @oscprofessional ! 

It worked! I appreciate your attention.

0 Likes
Zucker
Excursionist
21 0 4

Hello again, @oscprofessional !

I'm here to ask you a modification of the code that you gave me, about the background color of drop down menus.

Now, I created a drop down menu for each of the sub-collections, as the picture shows. I need to change the background color of these new drop down menus.

forum.png

If you can help me with this more, I will be grateful!

Thank you @oscprofessional !

0 Likes

This is an accepted solution.

Hello Zucker,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

.site-nav__dropdown-grandchild #MenuChildren-2-1 {
    background-color: #F1EBCB;
}
.site-nav__dropdown-grandchild #MenuChildren-2-2 {
    background-color: #F1EBCB;
}
.site-nav__dropdown-grandchild #MenuChildren-2-3 {
    background-color: #F1EBCB;
}
.site-nav__dropdown-grandchild #MenuChildren-2-4 {
    background-color: #F1EBCB;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Zucker
Excursionist
21 0 4

Thank you so much for the support @oscprofessional ! 

All codes worked perfectly!

I would like to know if it would be possible to have this change of drop down menus background colors, only for home page. 

On the rest of the pages, the color does not change and remains white.

 

 

0 Likes
renus
Shopify Partner
171 16 29

Add .template-index   before new css ...it only work on home page

 

Thanks

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes