Decrease Menu Height and Allign Icons

logikasoft · July 2018

Hi,

I want to decrease Header height and I found this code in a Discussion.

#Top_bar .top_bar_right { height: 60px !important; }
#Top_bar .menu > li > a { padding: 0 !important; }
#Top_bar #logo { padding: 0 !important; }
#Top_bar a#search_button { top: 20px !important;; }

It works.
I have an e-commerce and I want to allign the cart icon and the search button icon to the other Header elements. Can you give me the right code?

The website is: https://www.elangrillshop.com/

Thanks for your time!

Pablo · July 2018

Hi,

Here's CSS which correct you this issue:

@media (min-width:767px){
	#Top_bar a#header_cart{
	top:-20px !important;
}
#Header #Top_bar a#search_button{
	top:-20px !important;
}
}

@media (max-width:767px){
#Top_bar a#header_cart{
	top:10px !important;
}	
	
#Header #Top_bar a#search_button{
	top:10px !important;
}
}

Thanks

Decrease Menu Height and Allign Icons

Comments