Button Styling for Mobile version of Site

[kateolynch]

I think I'm making this more complicated then it needs to be. I'm working on a site built with the Wellness Pro Theme. I stylized one of the top sections to be a sign up form but the button for the section (just under main pic on homepage) does not display correctly on a cell phone. Rather than being a horizontal button that says sign up, the button displays on a phone as a vertical button with one letter per line.

Any help is appreciated!

Here's the site: http://kateogroup.com/crossroads/

http://kateogroup.com/crossroads/

[Christoph]

Hi,

change

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

to

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

to accommodate the iPhone 6plus

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[kateolynch]

Thank you! Made that switch but any suggestion on why the input fields are side by side on a mobile phone and not stacked on top of each other? Adding the 414px media option (now 415px) made the Signup button look correct but I still can't get the input fields correct.

Thanks!

[Christoph]

In the same media query, you are missing a comma between the selectors:

.front-page-2 .enews-widget p
.front-page-2 .enews input {

It has to be

.front-page-2 .enews-widget p,
.front-page-2 .enews input {

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts