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

eyalreches

Hi

Muffin List Icons stay Large on Mobile (when set to left)  and take about half the width of mobile screen

Same thing for Muffin FAQ option take most of the space and not much space left for the text on mobile

Can the Icons be decreased in size or removed when viewed from Mobile

Responsive is On in the BetTheme Options

Thank you

Eyal

Albert

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

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

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

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

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

Thank you