Title: @media problems
Last modified: August 30, 2016

---

# @media problems

 *  Resolved [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/media-problems-3/)
 * I have added a widget with phone & email, works perfectly on laptop, but having
   issues with android. When I setup 480px I finally got everything centered, then
   I setup 767 it messes up my 480 style.
    [SITE LINK](http://youneedthissite.com/aandsmobileauto/)
 *     ```
       .span6 ul.header-cta-buttons {
         border: 1px solid #000000;
         border-radius: 5px;
         left: 50%;
         max-height: 10px;
         max-width: 500px;
         padding-bottom: 10px;
         position: relative;
         text-align: center;
         top: -40px;
       }
       @media (max-width: 480px){
       .span6 ul.header-cta-buttons {
       left: -5%;
       top: 5px;
       max-height: 30px;
       max-width: 320px;
       border: none;
       }}
       @media (max-width: 767px){
       .span6 ul.header-cta-buttons {
       left: 10%;
       top: 5px;
       max-height: 10px;
       border: none;
       }}
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/media-problems-3/#post-6269681)
 * I think I have it, added a **[@media](https://wordpress.org/support/users/media/)
   360px** line, seems to work, still don’t have it perfectly centered.
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/media-problems-3/#post-6269781)
 * Not sure if this will help, but you should organise your [@media](https://wordpress.org/support/users/media/)
   in the order high-low as CSS executes code serially so the last code it reads
   will be the operable code. So code you set in max-width: 767 will still work 
   in max-width: 480 then 360 unless you change it.
 * Hope that makes sense!
 *  Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/media-problems-3/#post-6269849)
 * WOW, it helped a lot, and explains why I was FIGHTING the css and losing the 
   battle.
    Much thanks. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘@media problems’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [David_G](https://wordpress.org/support/users/questas_admin/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/media-problems-3/#post-6269849)
 * Status: resolved