[lordinvestor]

Hi,

When I resize my browser window, making the width smaller, the header menu (with my pages) turns into a drop-down menu far too early for my taste. Is there a CSS way to control when this transformation “kicks in”? I would like to keep the individual pages buttons (there’s four of them) for as long as possible, until the smallness of the window doesn’t allow anymore.

My site: lordinvestor.net

Thanks!

[Mahesh]

@lordinvestor: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

#header-menu ul.menu {
	display: block;
}
#header-menu .wrapper {
	padding: 0;    
}
.tinynav {
	display: none;
}

@media screen and (max-width: 767px) {
    #header-menu ul.menu {
        display: none;
    }
    .tinynav {
        display: block;
    }
    #header-menu .wrapper {
	padding: 14px 0;    
    }
}

Let me know if any problem.

Regards,
Mahesh

[lordinvestor]

You’re the man! Thank you for a wonderful, quick suppport from you guys.

[Author]

Posts