Mobile facebook button styling issue

[dunnyuk]

Hi, there seems to be a problem with the “login with facebook” button styling on ios
im on a iphone 5s – landscape and portrait.

on ipad its fine because the text stays on one line.
please can you help.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, can you share a link?

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 🙂

[dunnyuk]

http://comedinewithus.biz/

[dunnyuk]

also if you add a “multi select box” to the search page it doesnt render correctly in ios.

http://comedinewithus.biz/members/

multi select box “food preference”

see attached image.

again – I appreciate your help.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, will assign the ticket to a higher support lever who can help and advise you in your query.
Thanks! 🙂

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 🙂

[dunnyuk]

the food preference field (IMG_4244) ive changed from multi select box to text field, so although not as problem for me right now could probably do with fixing for the future updates.

but the facebook button needs some css to fix.
thanks in advance.

[Laura]

Hello, for the facebook button, please add this to style.css of child theme

COPY CODE

@media only screen and (max-width: 767px) {
.reveal-modal .button.facebook {
    float: none;
    width: 200px;
    margin-left: -10%;
}
}

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 🙂

[dunnyuk]

that made it wider but the text is still on two lines.
ive adjusted it now using that css as a base, Thanks.

[Laura]

Hello, so is the issue resolved? 🙂

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 🙂

[dunnyuk]

yes – thanks for your help.

[graphite]

Hi @dunnyuk,
Would you please share the adjustment of Facebook login button?

[dunnyuk]

COPY CODE

@media only screen and (max-width: 767px) {
.reveal-modal .button.facebook {
    float: none;
    width: 175px;
	height: 45px;
    margin-left: -4%;
}
}

[graphite]

Thank you very much @dunnyuk
Merry Christmas ^

[Author]

Posts