Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Responsive Joomla Virtuemart Template - StyleMart (SKU# FLEX-00018)

TOPIC: Menu with 2 textlines

Menu with 2 textlines 9 years 7 months ago #10915

Hey guys,

I need to have the menu items with 2 textlines.

Is there any way to do that?

Thanks!
The administrator has disabled public write access.

Menu with 2 textlines 9 years 7 months ago #10916

Hey,

It's my first time with megamenu so i didn't knew how to do it.

I found the solution for this, i will leave it here just in case anybody need the same.

Just go to megamenu, select the menu item, and add the text in the "Item captation" field.

Cheers
The administrator has disabled public write access.

Menu with 2 textlines 9 years 7 months ago #10939

Thanks for updating your own topic.

MEGA MENU is an excellent menu extension. It has many more awesome features.
Check here: t3-framework.org/documentation/menu-system.html#megamenu-options

for more info about Mega Menu.

Regards.
The administrator has disabled public write access.

Menu with 2 textlines 9 years 7 months ago #10958

Yes i've been looking there andit looks pretty cool.

Just one thing here, the captation text don't appear in mobile view. How can i fix this??

Just half the menu names looks akward...
Last Edit: 9 years 7 months ago by Luis Esteves.
The administrator has disabled public write access.

Menu with 2 textlines 9 years 7 months ago #10972

Hi,

This is a 100% custom modification and unfortunately we don't provide free support or step-by-step instructions for custom coding modifications. But yours is an easy one, beside i am sure this will be useful to others as well. So, here it is;

Actually the "Caption" is also printed to Mobile View, but it gets hidden by CSS (to increase the User-Experience)
To display it; open this CSS file:

/template/FLEXIBLE_STYLEMART/css/template.css

and include this CSS rule:
.t3-navbar-collapse .mega-caption { display:block !important; font-size:50%;line-height:normal;}
.t3-navbar-collapse .mega-caption.mega-caption-empty{ display:none !important;} 
(you can play around with the CSS rule though, such as; changing the color, or changing the font-size etc.)

The result will be:

Normal View:

Attachment ScreenShot2014-09-27at5.48.52PM.png not found




Mobile View:

Attachment ScreenShot2014-09-27at5.48.10PM.png not found




If you like StyleMart and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Joomla-Virtuemart-Templates/StyleMart

Rate StyleMart and write a couple of sentences to share your experience with the support team.
It won't take more than 2 minutes from you but it is extremely important for us.

Thanks in advance!

Regards,
Support
The administrator has disabled public write access.
Time to create page: 0.066 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo