Top Horizontal Menu - Make Categories Hover Only, Not Clickable

[sickshot]

I have CMS categories in top horizontal menu with some pages inside. so when you hover top menu, sub menu appears,but the category title itself is still clickable! for me its total nonsense.

 

Please anyone tell me how to make this categories titles non clickable. its not the first time I'm facing this issue, i'm pretty sure its not only me and there are lot of people out there who thinks the same. 

[sickshot]

since Vekia and such active users are not seen on this forum, I didn't get a single answer on this forum for the last year....really sad, as this community was the best because of this support it had...

[Mila_omni]

If anyone is still searching how to do it, I just did it and it worked...

 

1. Go to themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

 

2. Add under .sf-menu > li > ul > li > a  this code:

    pointer-events: none;
    cursor: default;

3. Change hover color to the same with no-hover

 

Your final code should look like this:

.sf-menu > li > ul {
  padding: 26px 30px 31px;
  width: 100%; }
  .sf-menu > li > ul > li > a {
    pointer-events: none;
    cursor: default;
    text-transform: uppercase;
    font: 600 16px/20px "Open Sans", sans-serif;
    color: #333; }
    .sf-menu > li > ul > li > a:hover {
      color: #333; }

[marion v]

Hello,

 

thank you Mila, but i tried to modify what you explained in the 2. but it didnt worked for me.

 

Problem of version ? I've 1.6.1.0

 

(I didnt apply what you did in 3.)

 

Does anyone know how to do ?

 

Thanks a lot !

Marion

Edited August 23, 2016 by marion v (see edit history)

[vekia]

open blocktopmenu.php and search for

               case 'CMS_CAT':
                    $category = new CMSCategory((int)$id, (int)$id_lang);
                    if (count($category)) {
                        $this->_menu .= '<li><a href="'.Tools::HtmlEntitiesUTF8($category->getLink()).'" title="'.$category->name.'">'.$category->name.'</a>';
                        $this->getCMSMenuItems($category->id);
                        $this->_menu .= '</li>'.PHP_EOL;
                    }
                    break;

change it to

               case 'CMS_CAT':
                    $category = new CMSCategory((int)$id, (int)$id_lang);
                    if (count($category)) {
                        $this->_menu .= '<li><a title="'.$category->name.'">'.$category->name.'</a>';
                        $this->getCMSMenuItems($category->id);
                        $this->_menu .= '</li>'.PHP_EOL;
                    }
                    break;

then go to blocktopmenu configuration page and rebuild the menu (or clear shop cache)

[marion v]

Hello !

 

Tks Vekia, but i've no blocktopmenu.php, only a .tpl with few lines.

 

Any idea ?

 

Bye !

Marion

[vekia]

check /modules/blocktopmenu/ directory

[marion v]

I did what you explained. I rebuilt the module. However i noticed then that i dont use this module (unactive) for my theme !

 

There's no php in blocktopmenu of my theme, there's only one in the core(?).

 

Do you have another suggestion ?

 

Tks for the time spent!

Marion

[vekia]

if you use differnt module - no one knows what exactly module you use, so it is almost impossible to help.

case like that needs individual approach