Return to previous page

Mega menu – title without link - by sugi1119

This topic has 4 replies, 3 voices, and was last updated 7 years, 9 months ago ago by 8theme

sugi1119

Participant

July 16, 2016 at 08:28
Hi,
I faced difficulty to create title in the mega menu.
I want to make the mega menu like:
In side of Mega menu:
```
<ul>Product
<li><a href="http://www.myshoppage.com/ring">Rings</a></li>
<li><a href="http://www.myshoppage.com/bracelets">Bracelets</a></li>
</ul>
```
To add the text of All Product in the mega menu, I created product category as All Product, then added to the menu.

So far, I tried:
Add CSS class(show_title_only) in the Product CSS class.
Then, add CSS lines in the editor:
```
.show_title_only{
    pointer-events: none;
    cursor: default;
}
```
But, if I use this, all links are disabled under the Product.
Since I made Rings, Bracelets… in the sub menu of Product.

Next, I changed all of them are same level, the link issue was fine. But they were not showing under Product.

Please advise.
#133830 Copied Theme version: Xstore1.4
3 Answers

Olga Barlow

Support staff

July 17, 2016 at 13:38

Hello,

Coul you provide the link to your site, because I’m not sure if understand structure of your menu. Do you want to show column title but it should not be link? Then use custom link element and # instead of url http://prntscr.com/btydcp

Regards

#133863 Copied

sugi1119

Participant

July 18, 2016 at 12:24

Hi Olga,

Thank you! I tried your way and works well.
Thank you again.

#133944 Copied

8theme

Support staff

July 19, 2016 at 07:31

You are welcome!

#134017 Copied
Tagged: customizable, megamenu, responsive, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)