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

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,966
  • Latest: safir45
Stats
  • Total Posts: 195,989
  • Total Topics: 21,322
  • Online today: 1,110
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 447
  • Total: 447

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.

This website is proudly hosted on Crocweb Cloud Website Hosting.