MacUn Posted September 30, 2021 Posted September 30, 2021 Hello! I added the following code to add a shopping card icon next to Order Online menu item. It works great, but it affects the alignment of the first link. They are not aligned--I added the red lines so you can see how they are different. Any way to fix? //Shopping Cart Icon// .Header-nav--secondary .Header-nav-item:nth-child(1)::before { content: ''; height: 20px; width: 20px; display: inline-block; background: url('https://static1.squarespace.com/static/5fcdc0a3cd8500165ad2a837/t/61300c51f387ea52936de890/1630538833025/shopping-cart+%282%29.png'); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-right: 5px; }
tuanphan Posted October 3, 2021 Posted October 3, 2021 Hi, Can you share site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
MacUn Posted October 5, 2021 Author Posted October 5, 2021 @tuanphanHere ya go: https://carrot-bronze-bld8.squarespace.com/ 🙂
tuanphan Posted October 7, 2021 Posted October 7, 2021 On 10/6/2021 at 2:54 AM, mackenzieu said: @tuanphanHere ya go: https://carrot-bronze-bld8.squarespace.com/ 🙂 Add this CSS a.Header-nav-item[href="/coop-curbside"] { position: relative; top: 2px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.