Evolve Theme: Menus not working in responsive deisgn for iPad

Hi there,

Thanks for writing in, you can try adding the custom CSS into your customizer. Please add the following code under Appearance > Theme Options > custom CSS:

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
	#wrapper .dd-container .dd-selected-text span:before {
	position: relative;
	top:0px;
	padding: 0px;
	margin: 0px;
	  content: "Menu";
	}
}

@media only screen and (max-device-width : 768px) {
 .glyphicon-align-justify:before {
   content: "e055";
   content: " Menu " !important;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 20px;
 }
}

Thanks.

Hi there,

Please also add the following code with the previous code into your customizer:

.link-effect a:hover span, .link-effect a:focus span {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

Thanks.

Wow, it worked!

Thank you VERY much. It looks great now on my iPad, both horizontally and vertically! You also added the word “menu” to that transparent box.

I very much appreciate your help.

Dvora

You’re welcome! ??