how to remove blank space between logo, links, and elements in header?

hi all,

Im trying to remove the padding between the links, header, and elements of my header in 7.1. I am able to change the spacing between the links themselves, but I want them to be able to fill all the space in the center of the header. Also, is there a way to have the distance between the social links and the page links independent of each other? @tuanphan

Hi,
Please share your website URL.

Best,
Leopold

Hi,

Try adding to Home > Design > Custom CSS. If it doest work, please share site url.

/* Nav one line */
.header-title-nav-wrapper {
    flex: 1 0 90%;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100%;
}

On 11/17/2020 at 3:04 AM, tuanphan said:

Hi,

Try adding to Home > Design > Custom CSS. If it doest work, please share site url.

/* Nav one line */
.header-title-nav-wrapper {
    flex: 1 0 90%;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100%;
}

 

this fixed it!