Mobile Friendly

Home › Forums › Handy Theme Support › Mobile Friendly

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 30, 2017 at 5:19 am #73794
    TracyTracy
    Member
    • Topics: 9
    • Replies: 5
    • Total: 14
    Member since: January 28, 2017

    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/

    May 30, 2017 at 6:05 am #73800
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31028
    • Total: 31028
    Member since: August 16, 2013

    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
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.