Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Active underline of navigation links on hover


Ahmed77
Go to solution Solved by tuanphan,

Question

Site URL: https://www.thirstforallah.com

Hey all,

I recently purchased a plugin from squarestud.io and have been having trouble getting support regarding a plugin that causes my navigation links in the header to be underlined upon hover. See Nav Header One - CLICK HERE. This is currently only working on safari and does not work in chrome on my mac, but does work on my mobile in chrome. Any particular insight into what could be changed in the coding that could solve this problem? 

 

//Navigation underscore - squarestud.io//

nav a:hover {
    background-size: 100% 0.5px !important;
}
nav a {
  padding-bottom: 6px;
  overflow: visible !important;
background-repeat: no-repeat !important;
    background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important;
    background-size: 0% 0.5px !important;
    background-position: 0% 100% !important;
    white-space: initial;
transition: all ease-in-out 500ms !important;
-ms-transition: all ease-in-out 500ms !important;
-moz-transition: all ease-in-out 500ms !important;
-webkit-transition: all ease-in-out 500ms !important;
}
//End navigation underscore//

Additionally, if you are feeling particularly generous, on mobile the underline surpasses the boundary of the link and goes across the whole screen. See below. Really grateful for the help i've received thus far on this forum. Thanks for your help!

Screenshot_20200702-092754_Chrome.jpg

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

I see underline hover works here? Dell laptop/Chrome With mobile, add this to Home > Design > Custom CSS .header-menu-nav-item a { display: inline-block; }  

Hi. Sorry for delay. My laptop was broken. Have you solved it yet?

Posted Images

4 answers to this question

Recommended Posts

  • 0
On 7/2/2020 at 9:35 PM, Ahmed77 said:

I must say @tuanphan you are a legend. Works great for mobile. I am unsure why the hover isn't working in my chrome browser? Do you think my cache/cookies need cleared or something?

Hi. Sorry for delay. My laptop was broken. Have you solved it yet?

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 0
21 minutes ago, tuanphan said:

I see underline hover works here? Dell laptop/Chrome

With mobile, add this to Home > Design > Custom CSS


.header-menu-nav-item a {
    display: inline-block;
}

 

I must say @tuanphan you are a legend. Works great for mobile. I am unsure why the hover isn't working in my chrome browser? Do you think my cache/cookies need cleared or something?

Link to post
  • 0
On 7/5/2020 at 8:33 AM, tuanphan said:

Hi. Sorry for delay. My laptop was broken. Have you solved it yet?

I had to clear my cache/update to the newest version of chrome and it started showing up! Thanks!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...