• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 29.08.18, 10:57
  • Opened by: Lisa Keeling
  • Closed by: Marek
  • Closed on: 30.08.18, 12:16
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12806 - Sign in/registration button on mobile

Hi Marek,

we have an issue with sign in/registration button working on mobiles (the one in header section). Basically when you are trying to both login or register on mobile (with the pk_fullpageslider working in background) it doesn’t let you see what you’re typing as your details. What I mean is that sign in/register button based on my header menu is moving up and down with the slider behind. See images attached.

Comments

Marek 29 Aug 2018, 18:57

Try following fix:

@media (max-width:500px) {
body .pk_cl .dd_container {transform: translateX(-28%)}
}
Lisa Keeling 30 Aug 2018, 10:27

Hi Marek, thanks for the code. It works better but the pop up is still moving with the sliders behind so it’s very difficult to type anything as your details. See image I have attached.

Marek 30 Aug 2018, 11:11

I’m not able to edit your CSS, so please add this code:

@media (max-width: 500px) {
	#header .customer-form-container {
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		width: 300px;
	}
}
Lisa Keeling 30 Aug 2018, 11:39

That’s perfect, thank you :)