Add a Line Across the Menu/Logo Area

[kaylapawsnstone]

I’d like to add a line that goes across the page in the logo area, like displayed here:

I’m working on Renew with X Theme basic (not pro). I don’t need the social icons or search - just the line across the logo area.

I’m working on the temporary staging site http://r2e.4d1.myftpupload.com

[paul.r]

Hi,

To achieve that, you can add the code below in Theme Options > CSS

.masthead-stacked .x-brand {
    background: #fff;
    margin-bottom: -30px;
}

.masthead .x-logobar-inner {  
    padding-bottom: 0;    
    border-bottom: 3px solid #ccc;
}

.masthead .x-logobar {
    padding-bottom: 30px;
}

In case you want to adjust the height of your navbar, you can do so under Theme Options > Header > Navbar > NAVBAR TOP HEIGHT (PX)

Hope that helps