How to Hide Cell Borders for the Main Menu

This topic contains 4 replies, has 3 voices, and was last updated by directory 9 years, 5 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: css, gdf modern, main menu

Author

Posts
November 23, 2014 at 7:26 pm #22360

directory
Expired Member

Post count: 1502

Hi Paolo,

Do you have the CSS to hide the cell borders at the main menu for GDF Modern?

November 23, 2014 at 9:29 pm #22369
Simone
Expired Member

Post count: 3515
Hello,
add in your style.css (child theme)
```
header nav .nav li a { 
border-right: none;
}
```
November 23, 2014 at 9:32 pm #22371

directory
Expired Member

Post count: 1502

This reply has been marked as private.

November 23, 2014 at 9:43 pm #22374

Guust
Moderator

Post count: 29970

You will find that the Modern theme has already this as standard in the child CSS:

header nav .nav li a {
border-right: 1px solid rgba( 255, 255, 255, 0.15 );
padding: 10px;
}

header nav ul li:first-child a {
border-left: 1px solid rgba( 255, 255, 255, 0.15 );
padding-left: 1.5em;
}

Just adjust the current CSS instead of adding new code, is probably more advisable.

So to implement Simone’s advice, change the above to

header nav .nav li a {
border-right: none;
padding: 20px;
}

header nav ul li:first-child a {
border-left: none;
padding-left: 1.5em;
}

November 23, 2014 at 9:49 pm #22375

directory
Expired Member

Post count: 1502

Thank you, Guust.
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket