Design Brooklyn Theme - Background Colors

Solved
Highlighted
Tourist
7 0 0

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
Highlighted

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
7 0 0

 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
Highlighted

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;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
7 0 0

Thank you so much @oscprofessional ! 

It worked! I appreciate your attention.

0 Likes
Highlighted
Tourist
7 0 0

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
Highlighted

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;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
7 0 0

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