Still Meu Probs - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Still Meu Probs

MS

Martin Seidl

Helix Framework 4 years ago

Hi Team, I love helix and SPPB but one thing confuses me a lot:

see example: https://mero.arkiadesign.de/ when u hover over the main menu item "Bausysteme" you ll see the drop down with the menu title "Knotensysteme" It is a menu title menu item. But it has a hover effect (it gets blue) while hovering over it, but this creates confusion for there is no link behind. I dont want the hover effect, it should be plain text wihout any link signals. the same on mobile phone. how to remove that?

0
10 Answers
Order by
Oldest Newest Votes
Pavel
Pavel
Accepted Answer
4 years ago #43911

You are confused, so made errors in your code. You use your own class for this menu item. You do not need all these long composite selectors. Just use your class.

At line 37 in custom.css replace your code to this. 

.underlinemenuitem {
    color: inherit !important;
    border-bottom: 5px solid #ddd;
    padding-bottom: 5px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
    opacity: 1;  /* get rid of stupid opacity: 0.7 that comes from template.css, instead you just can add your own color prorerty if need for links hover*/
}

Delete the rest of the code for this item, including the one that I provided above.

0
Ugur Uygur
Ugur Uygur
Accepted Answer
4 years ago #43893

Hi,

I see additional code to custom css file.

span.sp-group-title.underlinemenuitem.sp-menu-heading:hover {
    cursor: pointer;
    color: #0345bf;
}

Edit it this way.

span.sp-group-title.underlinemenuitem.sp-menu-heading:hover {
    cursor: none;
}
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #43894

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Remove this css code from the custom.css file. 

span.sp-group-title.underlinemenuitem.sp-menu-heading:hover {
    cursor: pointer;
    color: #0345bf;
}

-Thanks

0
Pavel
Pavel
Accepted Answer
4 years ago #43898

Hi. I think it will be better

span.sp-group-title.underlinemenuitem.sp-menu-heading:hover {
    cursor: inherit;
}
0
MS
Martin Seidl
Accepted Answer
4 years ago #43903

great Pavel and guys, it worked! now just I need to solve that the arrows for drop down on mobile view are "touchable" or to say if I press on them it works. right only every 15th time it works...this is a common issue with helix.

0
MS
Martin Seidl
Accepted Answer
4 years ago #43904

....but it does not work on mobile view....sorry guys; i embeded the same code for @media (min-width: 320px) and (max-width: 480px) but still hover = blue

0
MS
Martin Seidl
Accepted Answer
4 years ago #43909

Pavel, just quickly: I need to underst and what is the best invironment when I work on a new project with helix or page builder? I have many times cache probs. What is the developer mode?

0
MS
Martin Seidl
Accepted Answer
4 years ago #43912

thnx!!! need to improve my css

0
Pavel
Pavel
Accepted Answer
4 years ago #43913

What is the developer mode?

Productiom mode you mean? It transfer the entire CSS that belongs to Page Builder to a separate CSS file. That improves performance.

This must be enabled after the development is completed.

0
MS
Martin Seidl
Accepted Answer
4 years ago #43914

ok great! so I will work on developemnt mode and finally after project is finished I enable the production mode.

0