Help to create this header

Support
#1

I’m trying to create full width header like this:

in this colour #1a1a1a

my site is http://lbsdown.co.uk

#2

Hey Curtis,

Please add this code in X > Theme Options > CSS:

.masthead .x-logobar,
.masthead .x-navbar-wrap .x-navbar {
    background-color: #1a1a1a !important;
}

Hope this helps.

#3

ok that worked but i have this problem , its not full width…

#4

Hey Curtis,

That is because of the code you have added:

.masthead {
    position: absolute;
}

Please update it to:

.masthead {
    position: absolute;
    width: 100%;
}

Hope this helps.

#5

thank you it worked but there is another issue

the menu links are the outside

how do i move into grey area , under logo

thanks in advance

#6

Hi Curtis,

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and it should display as follows.

.x-navbar .desktop .x-nav {
    margin: 30px auto;
}

Hope that helps.

#7

how do i shorten gap between logo and menu links , so it looks like this

#8

Hey Curtis,

Kindly disregard the previous code as that adds more to the spacing issue so kindly remove it.

Instead of adding the CSS code, please remove it and go to X > Theme Options > Header and set the Navbar Top Height (px) from 10 to somewhere around 50 then find the Navbar Top Link Alignment (px) and set it to 0.

Hope this helps.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.