sparkles2.png

Add Padding to Mega Menu Dropdown Items

 

When using the menu with long names it can get confusing as all of the items will go on multiple lines and you wont know where one ends and another starts. This line of code will let you add some padding between the menu items to help seperate for less customer confusion.

 
 
 

See the effect in action

 
Screenshot 2021-04-20 at 17.32.33.png
 
 
 

How to use the Effect

Simply head to the 'edit CSS' section of Blocklab whilst you are on the product page, copy and paste the below code in, hit 'Save' and then go back to Blocklab and hit 'Publish' to apply the effect. You can edit the amount of padding by changing the px size in the code - Play around with it until it looks how you wish it to.

 

#shop .dropdown .dropdown-menu li .yamm-content div .list-unstyled li a {padding-top:10px !important}

Change the padding amount with the code in Blue.