Align img and text - Mega menu

dsanta

Hi,

Can I align an image and text in the same row at mega menu item, I use this in Navigation Label:

<img src="http://image.png"><b>text</b>

but the text align is always in the bottom.

Thanks

Albert

Hi,

please send us link to page where you did it.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dsanta

Hi,

Link: http://devtp.trialpanel.com

menu example: Online Market Research

Tks.

dsanta

Another question,

Can I reduce de % of menu width? the name are very shorts and the space between columns its very large.

Albert

As we see, the image and the text are in the same line already.

However, it is not possible to change menu width unfortunately.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dsanta

Ok, menu width underestud.

But, about the icon and text, I talk about the text in absolute middle of image (valign).

Albert

You can try to align this text with the following css:

#Top_bar .menu > li ul li a span img { float: left !important; }
#Top_bar .menu > li ul li a span b { float: right !important; margin-top: 20px !important; }

But if above css is not what you are looking for, we do not have other solution to do what you need.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dsanta

Very helpfull! TKS

Albert

You are welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next