Mobile Friendly

[Tracy]

How do I get the site to view mobile friendly? When I view on my phone the menu looks like a disaster, very hard to read. How can I fix the menu & other things to make it more readable & use friendly on both devices? Help!

http://eme.comgraphicinc.com/

[Sonal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:979px) {
.header .header-inner .nav { margin-top:0 !important; float:left; overflow-x:inherit; width:100% !important;}
.header .header-inner .nav ul li a, .book-btn a { font-size:11px;}
.header-inner .container a { margin-left:0;}
.header-inner .nav ul {-moz-box-align: inherit !important; align-items: inherit !important; display: block !important; justify-content: inherit;}
.header .header-inner .nav ul li ul, .header .header-inner .nav ul li ul ul { float:none !important;}
.layout-control-group label { width:100% !important;}
}

Regards,
Chris

[Author]

Posts