Icon menu ?

the_buzy · March 2017

Hello

Is it possible to add icons in menu like the examples cited below

merci

Bryan · April 2017

Hi,

Sorry but this is not possible for now.

Thanks for understanding.

the_buzy · April 2017

Hello

On this model below we have many icons in the menu

http://themes.muffingroup.com/be/book/

thank

Bryan · April 2017

Oh, you mena like that. Yes it is possible.

Please go to appeareance>menus and edit the menu.

You have to insert this code for an icon in each menu item before the item name

This will show a home icon. If you want more icons please go here: http://themes.muffingroup.com/be/theme/shortcodes/typography/#icons

the_buzy · May 2017

I would like to put a text under an icon with custom icons, this example I tried with this code <img src = "icon1.png"> Qui sommes-nous.

But the gap between the icon and the text is too large (see screenshoot)

Bryan · May 2017

This is because the value line-height.

Please set the icons and send a link to your page, we will customize the css !

thanks

the_buzy · May 2017

Hello

Here's the link below, you have to center the icons and t headings of the menu, and reduce the space between icon and text, namely that I used the tag , example Qui sommes-nous ?

Bryan · May 2017

Hi,

please use this css

.header-plain #Top_bar .menu > li > a {

	text-align:center;
	padding-top:10px !important;
}

.header-plain #Top_bar .menu > li > a span {
	line-height:20px !important;
	border-color:transparent !important;
}

the_buzy · May 2017

very thank

One last question, I want to bring for the menu on the active link, a color in transparency, I tried this coding
rgba(204,215,128,0.4) but it does not work. How to also apply transparency to the menu on an active page.

Because I have a problem with the active color of the menu, it does not fully fill the menu block http://jeveuxmonsiteweb.com/creche/comment-ca-marche/

See the link below

Bryan · May 2017

So maybe a better idea would be to make the background completly transparent and just use the color on the text+icon?

the_buzy · May 2017

Yes why not, yes exactly

Bryan · May 2017

So please disable the background color on hover and set the color. You can do that in theme options>colors>menu.
You can also set the menu style in theme options>menu&action bar>menu. Look: http://prntscr.com/f4boj7

the_buzy · May 2017

Hello, this option is already activated (see the link or this one) but it does not solve the problem, thank you for helping me

Bryan · May 2017

Try this css


.header-plain #Top_bar .menu > li.current-menu-item > a, .header-plain #Top_bar .menu > li.current_page_item > a {
	background:transparent !important;
	color:#ccd780 !important;
}
.header-plain #Top_bar .menu > li.hover > a {
	background:transparent !important;
	color:#ccd780 !important;
}

the_buzy · May 2017

merci

Icon menu ?

Comments