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

Remove main underline



Posted (edited)

Site URL: https://www.nickbarr.co/


I added some code to reveal an underline on selected menu titles on roll over.

How do I remove the main page underline. Here is my code and screen grab. I have tried other older posts but nothing has worked.

@media screen and (min-width:768px) {
/* masonry-gallery-image-grow-on-hover sqs.7.1  */
.gallery-masonry-wrapper :hover img {
               display: inline-block;
               vertical-align: middle;
               -webkit-transform: translateZ(0);
                       transform: translateZ(0);
               box-shadow: 0 0 1px rgba(0, 0, 0, 0);
               -webkit-backface-visibility: hidden;
                       backface-visibility: hidden;
                   -moz-osx-font-smoothing: grayscale;
               -webkit-transition-duration: 0.3s ;
                       transition-duration: 0.3s ;
               -webkit-transition-property: transform;
                       transition-property: transform;
            .gallery-masonry-wrapper :hover img,
             .gallery-masonry-wrapper:active img {
               -webkit-transform: scale(1.0) ;
                       transform: scale(1.02
                       ) ;
.header-nav-item a:hover {
    color: grey !important;
.header-nav-item a:hover {
    text-decoration: underline;

Screen Shot 2020-05-12 at 3.04.53 PM.png

Edited by nickbarr
Update the text
Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Thanks! I just found this before you messaged back, it seemed to have worked.  .header-nav-wrapper a {     background-image: none !important; }

Posted Images

4 answers to this question

Recommended Posts

  • 0

Do you mean remove the line under the active navigation item? You can do this by adding this code to Design > Custom CSS

/* remove underline on nav */
.header-nav-item--active a {
  background-image: none !important;


Link to post
  • 0

Hi @carolynmackin,

Montauk has a different code base. Here's what you'll need to add to Design > Custom CSS to remove the active link underline:

#topNav ul>li.active-link>a {
border-bottom-width: 0 !important;


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...