Okay
  Public Ticket #783810
Responsive Website Issues (Menu, Columns, Text Running Off Page)
Closed

Comments

  • Adam started the conversation
    May 30, 2016 at 4:45pm

    Hey guys,

    I just sent the website live and looking at it on mobile, there are serious issues!

    • The menu doesn't seem to work? Tapping it does nothing.
    • Buttons don't seem to work, and they are running off the screen? Slider buttons do nothing.
    • On the other pages, any instance of a heading with divider runs off the screen. None of the tabs work.

    Please help!

  •  8,994
    Tahir replied
    May 31, 2016 at 4:41pm

    Hey ,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    body .vc_row-fluid .vc_col-sm-2[class*="vc_col-sm-"] {
        margin-left:0px !important;
        width: 97% !important;
    }
}

    Best.

    ThemeNectar Support Team 

  • Adam replied
    May 31, 2016 at 5:57pm

    Thanks, that seems to have fixed the majority of the layout issues, however none of the elements respond? No buttons, menus, tabs or links (or any element) work.

    Do you want to log in and have a look?

    Thanks!

  •   Adam replied privately
  • Adam replied
    June 1, 2016 at 4:16pm

    I absolutely kooked it on this one sorry guys. I had a shortcode plugin installed from another theme. Please accept my apologies. That was breaking the functionality.

    However, it still doesn't sit quite right on the mobile version with some headings still running off the page. Thoughts? I made all the html headings a smaller point size which works, but it's not ideal.