TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

March 28, 2024, 08:39:02 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,104
  • Total Topics: 21,212
  • Online today: 175
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 0
  • Guests: 171
  • Total: 171

Contact Us module?

Started by jernatety, May 22, 2018, 08:25:44 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

jernatety

https://www.youthhockeyinfo.com/index.php?page=4

tino


<style>
@media only screen and (max-width: 600px)
{
     input #tswname {
         max-width: 100px !important;
     }
}


</style>


Should work I think for the name, then repeated for the subject and comment. That would need to be at the start of the "article"

jernatety

Quote from: tino on May 23, 2018, 07:51:16 PM

<style>
@media only screen and (max-width: 600px)
{
     input #tswname {
         max-width: 100px !important;
     }
}


</style>


Should work I think for the name, then repeated for the subject and comment. That would need to be at the start of the "article"

I gave it a test. I added it and changed the input fields back to their original size settings. I then tested on my phone and it didn't work.

tino

I'd guess I'm not targeting the correct div then. remove the input and just have #tswname

I guess you have removed it as I can't see any styling there now.

jernatety

Quote from: tino on May 23, 2018, 08:11:01 PM
I'd guess I'm not targeting the correct div then. remove the input and just have #tswname

I guess you have removed it as I can't see any styling there now.

Yes I removed after testing. I just tested the edited version and that was the same result.  I'm actually good with the resized fields, I still get the effect I need to have on mobile.