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

Help - Custom css - Underlining mobile navigation menu overlay


jlipichok

Question

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

Good day everyone,

I am trying to inject custom css to my mobile navigation menu using the 7.1 Clarkson template. On mobile version only, when you click the hamburger style navigation button, I would like (Home, About, and Technology) underlined to show it is a clickable link.  Most people understand how websites and mobile versions work but my clients are not as savvy. To show them it's a clickable link, I would like them underlined to show that. Any help would be greatly appreciated.

Screen Shot 2020-08-24 at 12.23.46 PM.png

Edited by jlipichok
typo
Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

you can also use this CSS, you can adjust underline width, color,... .container.header-menu-nav-item a { display: inline-block; } .container.header-menu-nav-item a:after { content: "";

Posted Images

5 answers to this question

Recommended Posts

  • 0
Posted (edited)

I really appreciate that @tuanphan

Now, moving forward, can I move the underline a couple pixels down as the g & y on technology become conflicting together? Again, thanks for your time and effort.

Joe 

Technology underline problem.png

Edited by jlipichok
added photo
Link to post
  • 0

@tuanphan disregard, I got it with:

/* Mobile item underline */
.header-menu-nav-folder-content a {
    text-decoration: underline; text-underline-position: under;
}

Look ok? Thanks a million! Check inbox.

 

Joe

Link to post
  • 0

you can also use this CSS, you can adjust underline width, color,...

.container.header-menu-nav-item a {
    display: inline-block;
}
.container.header-menu-nav-item a:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background: white;
    margin-top: 10px;
}

 

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

Create an account or sign in to comment

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


×
×
  • Create New...