Luxury Watch Edit Mobile View

[Robert]

How do I edit what people will see on mobile devices. I love the site I created with the Luxury watch pro theme. But on mobile it looks horrible. Someone please help my client is not happy with me. Is there an add on editor I should be using?
http://mikesellssiliconvalley.com

Note: It looks like on mobile the images/boxes for the 3 homepage boxes are in the way and not being responsive. Im also ok just removing them on mobile if thats an option.
Bobby

[Robert]

Actually its the 4 Home Page Boxes built into the theme not 3.
Bobby

[Sonal S Sinha]

Hi Bobby,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:667px){
.one_four_page.four_column {margin-top:10px;}
}
@media screen and (max-width:1169px) and (min-width:768px) { 
.one_four_page.four_column {margin-top:-50px !important; height:145px !important; width:22.9% !important;}
}

Regards,
Brad

[Robert]

Thanks, that fixed the mobile view. Is there a way to remove them from mobile if I decide to?
Bobby

[Sonal S Sinha]

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:767px){
.one_four_page-wrap { display:none;}
}

Regards,
Shri

[Author]

Posts