Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Re: Responsive Isn't Working

Home Forums Older releases 0.9.x Responsive Isn't Working Re: Responsive Isn't Working

#1691
admin
Keymaster

Hi, you’ve added some custom rules and declarations that break it. In order to fix it, open the following file:

http://www.cafepreview.com/Simpson/css/sm-simple.css

and do the following tweaks:

1) After the following line:

@media screen and (max-width: 1060px) {

add the following rule:

@media screen and (max-width: 1060px) {

	#main-menu > li {
		float:none;
		display:inline-block;
		margin-right:-4px;
		z-index:4500;
		font-size: 16px;
	}

	...

2) Modify the following rule:

	#main-menu ul:hover, 
	#main-menu li:hover  {
		color: white; 
		background: #327c84;
		height:50px;
		line-height:60px; 
	}

like this:

	#main-menu ul:hover, 
	#main-menu li:hover  {
		color: white; 
		background: #327c84;
	}

3) Modify the following rule:

	/* add some text indentation for the 2+ level sub menu items */
	.sm-simple ul a {
		border-left:8px solid transparent;
		display:none;
	}

like this:

	/* add some text indentation for the 2+ level sub menu items */
	.sm-simple ul a {
		border-left:8px solid transparent;
	}

This will restore the collapsible function. You can then do any further tweaks if you like.

Cheers!