Mising Menu Icon on Ipad

Hi there,

Thanks for writing in,

Would you please provide the URL of the website so I take a closer look into it and provide you with a possible solution.

Thanks.

Hi,

The URL is:
sole2sole.shaunl-demo.co.uk

It is password protected and the password is: WordPress

Hi there,

For security purposes I’d advice you to change your password.

Thanks.

Hi there,

You can add 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";
	}
}

Hope this helps!

Thanks.

Ok, that looks better than it did. However if you take a look, the menu icon now goes over the bottom edge of the menu container.

Is there a way to either make the menu bar thicker so this does not happen, or to remove the space above the “Menu” icon and the button so that it sites flush in the middle.

Right now it just looks incomplete and a bit of a mess.

Thank You

Hi there,

You can get that in the middle. Add this code under Appearance > Theme Options > Custom CSS:

#wrapper .dd-container .dd-selected {
  padding-top: 3px !important;
}

#wrapper .dd-container .dd-selected-text {
  margin-top: 0px;
}

Thanks.

That looks perfect, thank you.

No i know I keep asking the questions, but there is now only 1 small issue. When the user clicks on the menu, and the drop down appears, the word “Menu” gets pushed up over the top of the actual menu button itself.

It resets itself fine if you go to an actual page, but whenever the button is clicked, the word is pushed right up and again, it looks a little messy.

I really appreciate your support in gettting this issue fixed. I really think it will help improve the theme overall also.

A good rating will be givin upon fixing this for sure as the theme is excellent.

Hi there,

To prevent the menu pushing upwards, Please add this CSS under Appearance > Theme Options > Custom CSS:

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

Hope this helps!

Thanks.

Hi there,

This has unfortunately not worked, this is still how the menu looks when pressed.

https://prntscr.com/7jhwa6

Hi there,

I couldn’t reach to your site that time as it was password protected. I made the code on my default evolve interface. Would you mind removing the password protection so I provide you a possible working solution.

Thanks.

This has now been removed. Thank you for helping to sort this for us

Hi there,

Upon checking, It seems to be working fine at my end and code is doing well also, as you can see a snapshot without the code: https://prntscr.com/7l46qh and this snapshot where code has applied: https://prntscr.com/7l45x1. Please confirm the issue whether its still a problem for you.

Thanks.

It works fine in Chrome on my computer also in responsive view, but not on the actual ipad. I have made a short video to show you. This is after all cache and browsing has been cleared.

This happens in both Chrome and Safari browser on a real iPad
iPad Video

Sorry for poor quality but you can still see it, TinyPic has done something to the video.

Hi there,

You can try for this code under Appearance > Theme Options > Custom CSS:

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

Thanks.

Hi,

Sorry for not updating this, everything now works perfectly.

thank you