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 11 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 11 months ago
3. 

   John Nolan
   

   offline

   Member

   Thanks Sinclair. I'll give that a try.

   Posted 11 months ago
4. 

   John Nolan
   

   offline

   Member

   Yes, that fixes it. Thanks again.

   Posted 11 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 11 months ago
6. 

   John Nolan
   

   offline

   Member

   Thanks so much. I really appreciate it.

   Those pesky brackets!

   Posted 11 months ago

RSS feed for this topic

Reply

You must log in to post.