How can I make my Venture theme header wider and font size larger?

[NikolaKopanic]

Hello folks. I would like to get my header wider, there is too much empty  space on desktop, maybe even get the font a little bigger

 

With this code I've managed to get the rest of the store wider but i do not know that to add to get the header as well.
@media only screen and (min-width: 1080px)
{
#shopify-section-slideshow .hero-wrapper hero .hero-content ,
#shopify-section-161426361656be2654 .page-width ,
#shopify-section-featured-collections .page-width ,
#shopify-section-1614263668f3adee34 .page-width ,
#shopify-section-1614263699afef024d .page-width ,

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[NikolaKopanic]

@ZestardTech www.trendsanta.com , there is no password

[NikolaKopanic]

@ZestardTech Have you managed to find a solution? 🙂

[diego_ezfy · Accepted solution]

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (min-width: 768px){
	.site-nav{
        display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-header__upper{
	max-width: 1400px;
	width: 100%;
}
}

Please let me know whether it works.

Kind regards,
Diego

[SKSadmin]

Can this be done to the desktop drop down menu? this made my header content wider but not the navigation.

Any help would be appreciated.

[Kinjaldavra]

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 768px)
{
.site-header__upper{max-width: 1400px !important;  width: 100%;}

#StickyBar .site-nav { display: flex !important; justify-content: space-between !important;}

#NotificationPromo .notification__inner .notification__message{
    max-width: 100% !important;
    width: 100% !important;
    letter-spacing: 5px;
}
}