Return to previous page

Responsiveness & Forms - by TheMindCoach

This topic has 24 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

TheMindCoach

Member

January 25, 2015 at 19:15

Hi there,
I am trying to use a form on top of the slider in this theme. I am finding it difficult to find a plugin that works well and looks well on mobile devices.
I have used Contact Form 7 which besides crashing the navigation menu doesn’t work well from a responsive point of view on a mobile devices (specifically iPhone).

I am currently using Wyjiya Newsletter which thankfully doesn’t crash the navigation menu but it doesn’t work well in responsive mode with the slider.

Any advice and suggestions would be very much appreciated.

Thanks in advance
Dave

#36989 Copied

23 Answers

Eva Kemp

Support staff

January 26, 2015 at 10:12

Hello,

Please provide us with a link to your site and wp-admin panel credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#37012 Copied

TheMindCoach

Member

January 26, 2015 at 10:23

As requested

Please, contact administrator
for this information.

#37017 Copied

TheMindCoach

Member

January 26, 2015 at 22:40

Hi there,
did you receive the site and wp-admin panel credentials in Private Content as you requested?
Thanks in advance
Dave

#37180 Copied
Eva Kemp

Support staff

January 27, 2015 at 10:09
Hello,

Please add this code in custom.css file:
```
@media (max-width: 480px) { input[type=submit] {
width: 100px;
height: 20px;
font-size: 8px !important;
}
input[type="text"] {
width: 100px;
}
}
```
Thank you.
Regards,
Eva Kemp.
#37269 Copied
TheMindCoach

Member

January 27, 2015 at 11:22

Hi Eva,
Thanks for that.
This resolves the problem in portrait orientation but not in landscape orientation when I look at it on my iPhone. Also when you then click in to the boxes text doesn’t appear when typed?
Regards
Dave

#37304 Copied
Robert Hall

Support staff

January 27, 2015 at 12:04
Hello,

Try to add this code into custom.css file.
```
@media (min-width: 480px) and (max-width: 767px) {
input[type=submit] {
width: 100px;
height: 20px;
font-size: 8px !important;
}
input[type="text"] {
width: 100px;
}
}
```
I don’t see that you created custom.css file or Child Theme. We strongly recommended do all changes there.

Regards,
Robert Hall.
#37327 Copied
TheMindCoach

Member

January 27, 2015 at 12:57

Thanks Robert
I will try that

#37338 Copied

Robert Hall

Support staff

January 27, 2015 at 13:10

You’re welcome!

Regards,
Robert Hall.

#37341 Copied

TheMindCoach

Member

January 27, 2015 at 13:28

Robert,
That resolved the issue when the site is viewed in landscape format on mobile.
Any clues/advice on the issue with the text not appearing when typed in the boxes?

#37344 Copied

TheMindCoach

Member

January 27, 2015 at 13:41

Just to clarify. It works on Laptop/Desktop and Tablet but not on iPhone

#37347 Copied

TheMindCoach

Member

January 27, 2015 at 16:17

Or maybe there is an alternate form plugin that you would recommend using with the Royal Theme/Revolution slider?

#37414 Copied
Eva Kemp

Support staff

January 27, 2015 at 16:18
Hello,

Please add this code in custom.css file:
```
@media (min-width: 480px) and (max-width: 767px) { input[type="text"] {
   font-size: 10px !important;
}}
```
Thank you.
Regards,
Eva Kemp.
#37415 Copied
TheMindCoach

Member

January 27, 2015 at 16:38

I will try that Eva,
Your assistance in this matter is greatly appreciated.

#37424 Copied

Eva Kemp

Support staff

January 27, 2015 at 16:46

Hello,

We’re looking forward to your reply.

Thank you.
Regards,
Eva Kemp.

#37427 Copied

TheMindCoach

Member

January 27, 2015 at 17:34

Eva/Robert
I tried that piece of code but it did not work. Text is still not appearing when in portrait orientation only in landscape. If you type some text in portrait orientation and the turn the device to landscape you can see what you have typed but you cannot see it otherwise.
Thoughts/advice?
Thanks in advance.

#37443 Copied

Eva Kemp

Support staff

January 27, 2015 at 18:11

Hello,

Where are you making changes?
As I see you have the file default.custom.css which must be renamed to custom.css and the code we provided must be inserted in there.

How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.

#37454 Copied

TheMindCoach

Member

January 27, 2015 at 18:29

Hi Eva,

I am operating as the go-between as I am not making the changes but rather they are being made by another programmer (I am not a programmer) that I am communicating with.
Apparently he says that he placed the code in the header.php file thinking that this would achieve the same thing. Is this not the case?
WIll it make a difference if he puts it in the custom.css file?
Thanks for your help and your immense patience with me 😉
Dave

#37460 Copied

Eva Kemp

Support staff

January 27, 2015 at 18:38

Hello,

You need add the code in custom.css file.
How to create it you can watch in the video tutorial at this link provided in the previous post.

Thank you.
Regards,
Eva Kemp.

#37463 Copied

TheMindCoach

Member

January 27, 2015 at 19:02

Ok I will pas that on and see how we get on

#37467 Copied

TheMindCoach

Member

January 27, 2015 at 20:01

So I had them make the changes that you suggest but still no joy…
Any further thoughts?
Dave

#37482 Copied

Eva Kemp

Support staff

January 27, 2015 at 20:37

Hello,

I’ve edited the code in custom.css file.
Please check the form now.

Thank you.
Regards,
Eva Kemp.

#37487 Copied

TheMindCoach

Member

January 27, 2015 at 21:11

That works now. Brilliant!
Thank you so much it is very much appreciated.
Dave

#37496 Copied

Eva Kemp

Support staff

January 27, 2015 at 22:46

Hello,

You’re welcome.

Regards,
Eva Kemp.

#37502 Copied
Viewing 24 results - 1 through 24 (of 24 total)