Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 8, 2014 at 3:42 am #288292
    robertwood04

    How do I keep the socket text from dropping down on the iPhone?

    July 8, 2014 at 5:22 am #288311
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 480px) {
#socket .container {
    width: 90%;
}
}

    Cheers! 
    Josue

    July 8, 2014 at 5:50 am #288325
    robertwood04

    If I set the width to 110% it’ll all fit on one line but not fully visible. I noticed that on the iPhone I’m scrolling past the socket which I can’t do on desktop or tablet. Any other suggestions?

    July 8, 2014 at 8:16 am #288350
    Josue

    Hi!

    You could try reducing its font size:

    @media only screen and (max-width: 480px) {
#socket .container {
    width: 100%;
    font-size: 9px;
}
}

    To remove that space:

    @media only screen and (max-width: 480px) {
#top {
    overflow: visible !important;
}
}

    Best regards,
    Josue

    July 8, 2014 at 2:04 pm #288511
    robertwood04

    Thanks Josue. I still have the space below the socket. Any way to clear that up?

    July 8, 2014 at 6:29 pm #288631
    Josue

    Hey!

    It’s happening because of this code you have in Quick CSS:

    #advanced_menu_toggle,
#advanced_menu_hide { top: 120%; }

    Regards,
    Josue

    July 10, 2014 at 9:48 pm #289736
    robertwood04

    Thanks. Fixed it by removing the quick css

    July 10, 2014 at 10:30 pm #289751
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.