[ldollardParticipant]

this is my site

http://dev.novelcreativeagency.com/

how do i remove all the faint grey lines everywhere, i want them all removed?

how do i have the header image cover the entire browser window same as my footer?

thanks

[ldollardParticipant]

i used

.x-navbar {border-bottom-color: #ffffff !important; box-shadow: none !important;}

to remove the line near the header, but cant figure out all the rest.

[ThaiModerator]

Hi There,

Thanks for writing in!

Try adding the following CSS under Customize > Custom > CSS:

.x-navbar .x-container.max.width {
    max-width: 100%;
    width: 100%
}
.x-navbar .desktop .x-nav {
    text-align: center;
}
.x-navbar .desktop .x-nav>li {
    float: none;
    display: inline-block;
}

Hope it helps.

[ldollardParticipant]

that did the job for the header, but not the faint gray lines.

[ldollardParticipant]

also i only wanted the header image to expand across the top, not the menu, how do i make the menu same width as content?

[ldollardParticipant]

namely centering the menu text

[Rue NelModerator]

Hello There,

Thanks for the updates!

To remove the faint grey lines, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar,
.widget ul li, 
.widget ol li,
.widget p, 
.widget ul, 
.widget ol,
.x-colophon.top,
.x-colophon.bottom {
    border: none !important;
    box-shadow: none;
}

To make the header image to expand across the top, not the menu and have same width as the menu, you must edit your customizer settings and make sure that you have your logo and navigation layout as “stacked”. You can change this settings in Appearance > Customize > Header > Logo & Navigation. Selecting “Inline” for your logo and navigation layout will place them both in the navbar. Selecting “Stacked” will place the logo in a separate section above the navbar.

And once you have the logo and navigation layout stacked together, you also need to add this custom css in the customizer,

.x-logobar .x-container.max.width {
    width: 100%;
    max-width: 100%;
}

PS: Please remove the previous custom css that you have added to avoid any css conflict.

We would loved to know if this has work for you. Thank you.

[ldollardParticipant]

that worked perfectly except the menu no longer has a colored background box as shown in the image below:

it now looks like this:

<img src=”http://dev.novelcreativeagency.com/wp-content/uploads/2016/02/front-without-purple-menu-bar.png
” alt=”without purple bar” />

http://dev.novelcreativeagency.com/

I already has css to create the purple background for the menu, but when i changed from inline to stacked it disappeared.

thanks

[ldollardParticipant]

i used this css previously

.masthead-stacked .desktop .x-nav {
display: block;
float: center;
border-radius: 13px 13px 13px 13px;
height: 42px;
width: 100%;
background: #462361;
}

if i change .masthead-stacked to .masthead-inline, it negates the CSS you gave me above and make the menu full width again. so not sure what to do.

thanks

[ChristopherModerator]

Hi there,

Please add this :

.x-navbar {
    background-color: #462361;
    border-radius: 8px;
}

Change navbar link color from Customize -> Header.

Hope it helps.

[ldollardParticipant]

thats great thanks so much.

lastly how do i adjust the navbar width only so it does not span the entire width of the page, but only about 80%?

[Rue NelModerator]

Hello There,

To adjust the navbar width only so it does not span the entire width of the page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
  .x-navbar {
    margin: 0 auto;
    max-width: 1020px;
  }    
}

You may need to adjust the font size in the customizer too! Please go to the customizer, Appearance > Customize > Header > Link – Text > Navbar Font Size (px).

Hope this helps. Please let us know how it goes.

[ldollardParticipant]

thats great works perfectly, thanks so much.

already bought a second x-theme, got another 20 sites to do this yr at least, so with support like this i’ll def carry on using x-themes.

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts