Trigger points for header widget

[Timothy]

Timothy

November 18, 2015 at 9:36 am

Hi
I’m designing a site where we want the main navigation menu to be a Hype object. Primarily this is to be able to use images instead of text as nav menu buttons. However there’s something of an issue with the header widget width.

I’ve used a bit of CSS I found on another forum post which is great for stopping the mobile menu come up until I want it to. However, the

I have removed the left header logo here in order to try and use the full width of the page for the header widget but I’m pretty certain the header widget is still 66.66667% instead of the 100%

Is there a way to stop the 1200 breakpoint from shrinking this header widget and so let my hype object remain full size until it actually switches the mobile menu on (at 703px in this instance)

.kad-header-left {
display:none;
}
.kad-header-right {
float:left;
width: auto;
}
header #nav-main {
margin-bottom: 15px;
margin-top: 15px;
}
#mobile-nav-trigger {
display: none;
}
#nav-main ul.sf-menu {
display: block;
}

@media (max-width:703px){
#nav-main ul.sf-menu {
display: none;
}
#mobile-nav-trigger {
display: block;
}
.kad-header-left {
width:100%;
float:none;
}
.kad-header-right {
width: 100%;
float:none;
}
#nav-main {
margin-bottom: 0px;
margin-top: 0px;
}
}