Hey,
This sounds like it could be a caching issue. Are you clearing your site’s cache after every product addition?
-Kevin
you are genius! Thank you! the problem solved.
One more question, when hovering on shop tab there is a drop down for each product category but the “Shop” tab itself is active at the same time which i don’t want that. How can i disable the shop tab itself and keep the rest of the dropdown as is?
http://www.avolive.com
Thanks a lot again!
I’m not sure I understand the issue. Are you referring to the dropdown in your main navigation? What exactly are you wanting to change about it?
thanks,
Kevin
the “Shop” tab on the main page.
If you click on the “Shop” tab itself, it will show a mix of all the products we have. I need the “Shop” tab to be inactive and only the dropdown options of the “Shop” tab be accessible.
I’m not sure if I could say it clearly.
Thanks!
I think I understand now. There isn’t really much you can do for that. One thing that may work would be to add the link to your menu as a custom link, and rather than add the url to your shop to the menu item, simply place a “#” for the url.
The menu will still be clickable, but it wont take your user anywhere.
Does that work for you?
-Kevin
Thanks Kevin!
So you mean go to Appearance —> menu —> Shop —-> Navigation label —> adding # before “Shop” name…
am I correct?
Close, but not quite. You’ll delete the current shop menu item, and then in the left, see the “custom links” area. If it isn’t visible, you’ll have to enable it in the “screen options” at the top of the page.
So you’ll add the custom menu item, give it a title of shop, and the url will be the “#” Then you’ll have to reassign the submenu items to the new shop link.
Does that make sense?
-Kevin
You may be able to accomplish it with custom css using pointer-events: none. There are caveats but will probably work.
There are several ways to target that menu item that you can try, for example:
li.menu-shop.sf-dropdown > a { pointer-events: none; }
Ah yes, that will work. I tried that CSS but my selector was not specific enough.
Thanks for the input!
-Kevin
I need to try these solutions at some other time. If something goes wrong, the whole Shop tab becomes inaccessible.
So just to be sure adding these lines in css custom should give us the result:
either: pointer-events: none
or: li.menu-shop.sf-dropdown > a { pointer-events: none; }
I will let you know about the output in a few days.
Thank you so much for all your help!
No, not “pointer-events: none” by itself.
Yes, add “li.menu-shop.sf-dropdown > a { pointer-events: none; }”
Added: without the quotes…
Thanks for your confirmation!
Thank you so much! It worked!!!
I added those lines to CSS custom and it solved the issue!
Big Thanks!
