Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 3, 2016 at 10:33 pm #90963
    lordinvestor
    Participant

    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!

    May 4, 2016 at 10:39 am #90983
    Mahesh
    Participant

    @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

    May 4, 2016 at 4:34 pm #91016
    lordinvestor
    Participant

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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Menubar turns into drop-down too early’ is closed to new replies.