1. 

   John Nolan
   

   offline

   Member

   I'm have a problem with formatting on an e-commerce page on my site:
   http://www.ragandbone.ca/boxoffice/harmony_box.php

   It looks okay on larger screens, but on phones there is a white band on the right of the screen, and the content sometimes exceeds the margins.

   This can be seen in Chrome's developer s tool, and I've confirmed the effect is real on my phone.
   The problem disappears on wider screens (e.g.: in developer's tools it appears on the iPhone 6 emulation, but not the iPhone6 Plus). So, I guess it's a media query issue, but it eludes me.

   I've kept it a simple, in order not to confuse the issue. (this is not how the formatting will end up!)

   The other css file is supplied by the e-commerce package, and they say it is required to properly display their elements.

   (BTW, the choices are real, and if selected, will take you on to a cart!)

   Posted 9 months ago
2. 

   Sinclair
   

   offline

   Member

   Not sure I see 'The other css file' but as it stands, you could include this rule in the 2nd media query in the harmony stylesheet....

   select {width:100%;}

   HTH

   Posted 9 months ago
3. 

   John Nolan
   

   offline

   Member

   Thanks Sinclair. I'll give that a try.

   Posted 9 months ago
4. 

   John Nolan
   

   offline

   Member

   Yes, that fixes it. Thanks again.

   Posted 9 months ago
5. 

   Sinclair
   

   offline

   Member

   The rule is outside the media query and not targeting small windows/devices, so, where you have.....

   }
   select {width:100%;}

   Move the rule inside the closing curly bracket } - so the above becomes.....

   select {width:100%;}
   }

   HTH

   Posted 9 months ago
6. 

   John Nolan
   

   offline

   Member

   Thanks so much. I really appreciate it.

   Those pesky brackets!

   Posted 9 months ago

RSS feed for this topic

Reply

You must log in to post.