Can I not have a 'hamburger menu', so the menu is already opened?

  • Unknown's avatar
    tkdesignstory · Member ·

    My website has the menu already opened and listed on the left side when you see it on the computer, but when you see the site on the phone, it has ‘hamburger menu’, meaning that unless you click on the lines, you will not see the menu. Is there way to have the menu already opened on the smart phone? Can I add CSS?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    One of the main reasons the menu disappears behind the toggle is for touch devices and to keep your content as prominent and readable as possible. If we were to keep it on the left of the content, on small tablets and phones, your content would end up very narrow and very hard to read. You can try the following, which keeps the menu open on smaller screens above the content. The users will then not see the content and have to scroll down a ways in order to see it. 

    .secondary {
	display: block !important;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 20px;
	box-shadow: none;
}
.secondary-toggle {
	display: none;
}
#site-navigation {
	margin-bottom: 0;
}
.site-main {
	padding-top: 0;
}

    On responsive themes such as Twenty Fifteen, trying to keep things readable and designed in such a way that all visitors can easily read and navigate a site, no matter what size screen/window they are viewing your site on, is a challenge.

  • The topic ‘Can I not have a 'hamburger menu', so the menu is already opened?’ is closed to new replies.