Mobile CSS

[boraboramedia]

Hi, I want to change the width of the Password field on the homepage. The width is not good. Please see screenshot of my iPhone. I tried several CSS codes, also CSS for mobile devices (@media etc.) but I cannot get it to work. What am I doing wrong? Portrait and landscape are both wrong.
Thank you in advance!Best,Danny Scheurink

[Laura]

Hello,can you share the screenshot? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[boraboramedia]

Sorry, here are the screenshots.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try by adding this to style.css of child theme 🙂

COPY CODE

@media only screen and (max-width: 940px) {
input[type="password"] {
    width: 90px;
    margin-top: 30px;
    margin-left: -50px;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[boraboramedia]

Unfortunately this did not work. Not on my iPhone and not when I resize the desktop.

[boraboramedia]

Okay I think it does work.. I did cleared my cache yesterday, but now 1 day later I see some changes. However it is not quit beautiful. See attached images.

Thank you!

Attachments:

You must be logged in to view attached files.

[boraboramedia]

Hi I got it fixed myself, it looks awesome! I also managed to style it for landscape as well.

However… please look at attachments. When a user wants to login, this password field also went left.

How can we work around this?

Thank you in advance.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, i see, sorry, it was my mistake, instead of input[type=”password”] replace it with

COPY CODE

#register_form_front input[type="password"]

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[boraboramedia]

Great! This works. Thank you for your support.

[Laura]

Glad to help 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts