Forums (Obsolete)

Old Forums

Design and CSS styles

Version 7.x > Design and CSS styles > Adding Teaser Image to MegaMenu

View modes:

Member

ksigman-canyonco - 5/6/2013 6:08:59 PM

Adding Teaser Image to MegaMenu

I followed these instructions: http://devnet.kentico.com/Knowledge-Base/Design-and-css/Creating-a-Mega-Menu-%28step-by-step%29.aspx to create the mega menu.

1. Now what steps do I take to add in the teaser images?

2. Also, notice the empty spaces (caused because some page names are longer and had to wrap to next line). The empty areas would be okay if the pages that have wrapped the name looked like one page item or had a better transition... Any CSS style ideas that I can add to make this look better?

Kentico Consulting

Kentico_RichardS - 5/7/2013 1:12:02 AM

RE:Adding Teaser Image to MegaMenu

Hi,

1) You can add the teaser image if you go the the corresponding page in the tree menu, click the form tab and you should see an option for uploading a teaser image.

2) Could you please check (e.g. with firebug) which class are you using for your divs which are holding the submenu items? (this is in step 3 of the article) and then try to change the width of this class in your CSS?

Let me know how it goes.

Kind regards,
Richard Sustek

Top