Solved

How to add border around menu items.

DomeHome
Visitor
1 0 0

Screen Shot 2024-01-03 at 8.50.27 PM.png I just started and I am very confused with the custom CSS. I want to add a border around each individual menu items. I would love to be able to change the color and size of the border. Thank you! I am using the spotlight theme. 

Accepted Solution (1)
PageFly-Oliver
Globetrotter
681 132 125

This is an accepted solution.

Hi @DomeHome ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
header [class*="menu"] a{
border:solid black 1px
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

yashgarg
Shopify Partner
102 26 32

Hi @DomeHome ,

 

Can you please share the store link, so that I can check this element, and tell you the required CSS for making this change.

 

Thanks

Yash Garg

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com
PageFly-Oliver
Globetrotter
681 132 125

This is an accepted solution.

Hi @DomeHome ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
header [class*="menu"] a{
border:solid black 1px
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.