Section in registration row become narrow

Store Design
1

Hi there,

Is there anyone who knows the solution because the section in my registration section becomes narrow in phone view and I cannot make it become to the normal size?

Registration.png
Registration.png1062×673 28.8 KB

2

@Boonphei ,

Can you share the store URL.

3

Hi @oscprofessional ,

this is the URL

URL:https://dermaskinshop-testing-2022.myshopify.com/

Password: Neoasia46100

4

@Boonphei ,

where can I get the registration form?

5

@oscprofessional ,

You can get it from here. After you click on it you will able to see a create account.

ss233.png
ss233.png414×136 4.6 KB

6

@Boonphei ,

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

select#Gender {
    width: 100% !important;
}
select#Race {
    width: 100% !important;
}

select#Skintype {
    width: 100% !important;
}
form#create_customer label {
    width: 100% !important;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->frame.scss.liquid

7

Hi @oscprofessional ,

Thank you for the information provided.

Your solution provided is working but some of the section which is Date Of Birth is looking good at your side? Since my side can’t show the whole bar of date of birth.

8

@Boonphei ,

oscprofessional_0-1655455507448.png
oscprofessional_0-1655455507448.png2405×791 131 KB

9

Hi there,

Thanks, I have seen it.

Besides this, do you mention that while in mobile view the logo and navigation bar will follow to scroll down and hide the register section?

10

@Boonphei ,

Didn’t get your query

11

@oscprofessional ,

Hi, as you can see the logo and the navigation bar at the top will move down together while I scroll down.

Example.jpg
Example.jpg1080×2261 87.7 KB

12

@Boonphei ,

You want to hide Account icon while at scroll ?

13

@oscprofessional ,

No actually, I want to make it look like smoother while scroll down with the logo and the navigation bar will be align together.