Muffin List Icons stay Large on Mobile and take about half the width of mobile screen

Comments

• Albert

  January 2016

  Hi Eyal,
  
  please send us link to page where you got such icons so we can have a look on them.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• eyalreches

  January 2016 edited January 2016

  http://www.alonbehr.co.il/?page_id=119
  
  http://www.alonbehr.co.il/?page_id=81
  
  Can i set it for media only 480 to change to top / before (Top Option) instead of left
  
  Thank you
  
• Albert

  January 2016

  Ok. So to move icons from the right side to above on mobile only, you can use the following css:

  @media only screen and (max-width: 479px) {
      .icon_box.icon_position_left { padding-right: 0 !important; }
      .icon_box.icon_position_left .icon_wrapper { position: relative !important; }
  }
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• eyalreches

  January 2016

  Hi
  
  Its working great for this 2 pages
  
  http://www.alonbehr.co.il/?page_id=85
  
  http://www.alonbehr.co.il/?page_id=119
  
  But this page needs different code (its using list the other 2 use Icon Box
  
  http://www.alonbehr.co.il/?page_id=81
  
  Again thank you for your great help
  
  Eyal
  
• Albert

  January 2016

  Hi,
  
  On 3rd page please use below code:

  @media only screen and (max-width: 479px) {
      .list_item .list_right {
        clear: both;
        margin: 0 !important;
      }

  }
  
  Thanks!
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• eyalreches

  January 2016

  Thank you