Hide Header Lines

3 replies·opened May 15, 2016
P
PavelRomeroMay 15, 2016

Hi:

How i can hide or delete these lines from header ? Please see the picture attachment.

Regards
Pavel

S
SemiColonWebSTAFFMay 16, 2016

Hello,

Simply add the following CSS Code:

#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-bottom-color: transparent; }
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: transparent; }

This will definitely work fine.

Let us know if we can help you with anything else or if you find any further issues.

P
PavelRomeroMay 16, 2016

Hi:

But only works with dark style .. and normal style ?

Regards
Pavel

S
SemiColonWebSTAFFMay 17, 2016

Hello,

Please consider using the following CSS Code:

#header.transparent-header.full-header:not(.sticky-header) #header-wrap,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-bottom-color: transparent; }

#header.transparent-header.full-header:not(.sticky-header) #header-wrap #logo,
#header.transparent-header.full-header:not(.sticky-header) #header-wrap #primary-menu > ul,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: transparent; }

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
Hide Header Lines · Canvas Template Support