Archived topic
How To Remove Vertical Line on Coach Theme on Page Title and Navigation Menu
6 replies · Started by David on April 5, 2021
Hi guys! I am using generate press premium / generate blocks premium and am modifying the coach theme.
Currently, I am trying to 1) remove the vertical line that appears above the page title,
and 2) remove the animated vertical line that appears above the current selected page in the primary navigation menu.
I have the simple CSS plugin installed - any recommendations on CSS to add to remove vertical lines in these two use cases, or other solutions if available?
Any thoughts are appreciated!
Hi Don,
Go to customizer > additional CSS, remove this part of CSS:
https://www.screencast.com/t/Qmxanqp6dQ
I don't see a vertical line above the current menu item in the original Coach template, could you link us to your site so I can have a look?
Hi Ying, Thank you for the awesome advice, just implemented it and it worked like a charm!
Screenshot is attached of the vertical line above the primary navigation menu.
I deleted the following CSS code, and this appears to have solved the issue :)
/* navigation line effects */
@media (min-width: 1024px) {
.main-navigation .main-nav > ul > li > a:before {
position: absolute;
content: '';
width: 1px;
height: 0;
background-color: #607b7d;
left: 50%;
top: -50px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
Glad you figured it out :)
Yes, thank you again for the help Yang, very much appreciated :)
No problem :)
