URL in Megamenu

majan78

If we put new menu item in submenu – URL in Megamenu it is not showing.
Is there a way to fix this

pavit

Since i cannot replicate this issue in my local installation we will need to take a look at your website to verify it, so please edit your first post and add to it a temp super user account and an url for backend.

Regards

majan78

It was added.
Go to Main Menu and look for
Restaurant Menus
– URL

pavit

majan78

You are loading a module and not a menu item

So the restaurant menus should be added as category and not as menu item url type

Hope it helps

majan78

So how do i add Restaurant menus Item that links to an outside URL to this menu item?

aman204

majan78 So how do i add Restaurant menus Item that links to an outside URL to this menu item?

Probably, this can help 🙂
https://docs.joomla.org/Help38:Menus_Menu_Item_External_URL

pavit

majan78 So how do i add Restaurant menus Item that links to an outside URL to this menu item?

You simply need to rebuild it as showed in my img below

Regards

majan78

I am sorry, i have tried several options and can still not make it work. This is important for us because i will have several url links in Menu that have to look the same as all other menus.
I have it set up as on your first image, and all other menu items show up fine only URL type isnt
Can you set up one as an example?

pavit

majan78

As i can see you have already set it in your main menu

majan78

But now 3 new menus were added and they dont look the way other 2 at the top look like. So i have 5 menus now.
Why dont they show up in the module?

aman204

majan78 Try add this to custom.css file :

.t3-megamenu .similarstyle .mega-nav > li a{font-weight: 700;font-size: 14px;text-transform: uppercase;color: #222 !important;padding: 10px 0 !important;border-bottom: 1px solid #eee;}
.t3-megamenu .mega-inner{padding:0 !important;}

and adjust values accordingly

Kindly ensure to clear your browser cache if changes dont reflect

majan78

Thank you, this worked for styling.
So do i now just remove the module ones and leave module title?

aman204

majan78 So do i now just remove the module ones and leave module title?

You can keep the module if you want to as it is also showing your sub-menu title which is seen to be consistent for other dropdowns and also, I assume that your purpose has been derived now as you wanted to have similar appearence for menu dropdowns 🙂

majan78

Yes, but how do i only have recipes and lowcountry flavors in menu once?
Now the category menu items are duplicated.

aman204

majan78 Yes, but how do i only have recipes and lowcountry flavors in menu once?
Now the category menu items are duplicated.

You will need to either unpublish the specific sub-category as you have set article-category module for dropdown which is fetching specific categories as menu item to be shown or either remove the reciepes external menu item from dropdown in megamenu.

Screenshot for reference

Also, Kindly view the guide here to know more about configuring mega menu in T3 framework

majan78

Hi, We still havent figured out this Menu Issue.
Is there someone we can call or work one on one.
We just want all submenu items to look the same. Check collumns Menu.

aman204

majan78 We just want all submenu items to look the same. Check collumns Menu.

You may check now. Ref: Screenshot . Have added this to custom.css file in local folder :

.t3-megamenu .dropdown-menu .nav li a {border-bottom: 1px solid #eeeeee;margin-top: 0;padding-bottom: 11.5px;margin-bottom: 11.5px;text-transform: uppercase;font-size: 14px;font-weight: 700;}
.t3-megamenu .dropdown-menu .nav li a:hover,.t3-megamenu .dropdown-menu .nav li a{color:#222222 !important;font-weight:bold !important;}

Kindly ensure to clear your browser cache if changes dont reflect

majan78

Thank you, much better.

Is there a way to get rid of space between 2 Menus? Money Report and Internship? so it looks like 1 module?

aman204

majan78 Is there a way to get rid of space between 2 Menus? Money Report and Internship? so it looks like 1 module?

You may check now. Have added extra-class as seen in screenshot as per documentation and thereon, added this to custom.css file :

.t3-megamenu .no-space .mega-inner{padding:0 !important;}
.t3-megamenu .no-space .t3-module{margin-bottom:0 !important;}

majan78

PERFECT
THANK YOU FOR FAST AND GREAT SUPPORT.
HAPPY HOLIDAYS!