Menu in mobile

Hi carolinereusen,

Do you mean to say, to show the menu as it appears in the desktop?

Please add a screenshot if possibel for better explanation

Thanks

Hi there,
Yes that is what I mean. So I would like the menu to be desktop version even on mobile.

Hi

First of all I would advice you not to switch off the mobile menus, cause the desktop menus have issues with touch in the smaller screen devices and hence mobile menus are wildly used.

But if you still want to do this, then please comment/remove the following css from theme’s style.css file. I would suggest you to go with child theme for this change

The css codes starts from line number 486

@media only screen and (max-width: 60em) {
	.nav-open {
		display: inline-block;
		}
	#main-navigation:target > .nav-open {
		display: none;
		}
	#main-navigation:target > .nav-close {
		display: inline-block;
		}
	#main-navigation > .sf-menu {
		position: relative;
		text-align: left;
		}
	#main-navigation > .sf-menu > ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		max-height: 0;
		max-width: 16em;
		overflow: hidden;
		background: #333;
		}
	#main-navigation:target > .sf-menu > ul {
		max-height: 400px;
		}
	#main-navigation > .sf-menu > ul > li {
		float: none;
		display: block;
		border-bottom: 1px dotted #565656;
		}
	#main-navigation > .sf-menu > ul > li:after {
		display: none;
		}
	#main-navigation li a {
		float: none;
		display: block;
		color: #fff;
		}
	}

Hope it helps!

Thanks

Hi, i also need a solution as this. However, the solution posted by Maruti is not working. Is there any other ways?

Hi lexarc,

Did you try removing the above codes from the style.css and see if this works?

if so please paste your style.css in pastebin and share the link here.

Thanks

I have tried it. It doesnt work. So i reverted back to using the default one for now.

ok its working now. Thanks… My mistake. Sorry for the hassle.

its ok lexarc.

gald it helped

Hi, my mobile site menu, is a ‘menu’ word available to click for expansion. I would like it to look like the mobile menu bar just like the other website’s menu bar, multiple straight lines icon. How do i change to that?

I have the same problem as nee! Does Maruti’s above solution work for nee’s problem as well?