Hi, I want to put a black background strip behind my menus so it pops out more. Currently, it’s just in white with black text. I want it to look exactly like this: [Untitled design(2).png] Here’s my website: www.fabricapparel.com Hope you could help me. Thank you!

@kay_png after “.header{…}” above, you can add this code for backing black button: .banner__buttons__fixed .button.button--primary { background-color: black!important; } Hope this can fix your problem

Hi @kay_png , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: Here is result: [BSSCommerceHDL_0-1723166074210.png] Hope this can help you, If our suggestions are useful, please let us know by giving it a l…

Hi sorry, I meant it should include a black strip and white text. Like this: [Screenshot 2024-08-09 at 14-51-34 Re Including a background strip on the menus - Shopify Community.png]

Hi @kay_png , When i check your site. I look good [BSSCommerceHDL_0-1723188302202.png]

Hi, I was able to fix the problem but I was wondering how I can put the black rectangle buttons on the “wholesale” and “by the yard” back. It was removed when I entered this code to fix the background strip on the menu: .header__inline-menu{background-color: black; width: 100%; text-align: center;} …

Thank you! This helped :slightly_smiling_face:

Your’re welcome. Have a good day!

Including a background strip on the menus

Store Design

kay_png August 9, 2024, 3:55pm 7

Thank you! This helped

Topic		Replies	Views
How To Add Background Colour For Header Menu Buttons Store Design menu , design , header	3	77	April 6, 2025
Changing Main Menu Background and Making It Full Width Store Design menu , customizations , shopify-themes	8	107	November 19, 2024
How do I change the menu background to white colour and not the entire header? Store Design menu , design , header	4	60	July 19, 2024
I want to change mobile menu background from white to black with white text Store Design menu , design , header , css , shopify-themes	6	65	July 21, 2023
solved Store Design menu , design , header , customizations , shopify-themes	1	28	January 2, 2025

Including a background strip on the menus

Related topics