changing background colour on collection drop down box on Brooklyn theme

Solved
New Member
6 0 0

How to change a background colour on a drop down list of collections, also the font type. We donnot like the default white. We are not live yet with Shopify, working on migration from another platform. Many thanks in advance - Bartek. Screenshot 2019-12-04 at 12.36.44.png

0 Likes

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-nav--has-dropdown:hover > a, .site-nav--has-dropdown > a.nav-focus, .site-nav--has-dropdown.nav-hover > a {
	color: #321863;
	background-color: red;
}
.site-nav__dropdown {
	background-color: red;
}
#AccessibleNav a {
	font-family: Arial;
}

Note:Change background color and font family as per your requirement

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Hello 

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
6 0 0

Many thanks! as we got two answers to the same questions we tried both and one worked. We could not find a code called theme.scss but we found theme.scss.liquid and copied in script from the advise you gave on theme.scss. Anyway, we changed it but only worked on collection level, it does not work on sub-collection. Is there any way to fix it? and then if we need to add sub-sub collection, it should work the same way. Appreciate your advise. Thank y1ou. Screenshot 2019-12-05 at 10.29.47.png

0 Likes

Hello 

Please share your site url here or mail me so that i can check and let you know.

Email: pallavi@oscprofessionals.com

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
6 0 0

Hey, we are not live yet: https://arbol-house.myshopify.com

 

0 Likes

Okay.

Share password here or mail me.

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
6 0 0

Can you request access via Partners portal as a collaborator ? 

0 Likes

Yes,

I have send you

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
6 0 0

Are you Nagpur Soft Embedded Technology Pvt.. Ltd ?

0 Likes