Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 30, 2015 at 4:28 am #388100
    JPOsteen

    Hey guys,

    I recently added a full width button to my website. It shows up perfectly on my computer, but it is no where to be found on my iPhone 6 browser.

    LoveRescues.org

    January 31, 2015 at 4:29 am #388684
    Josue

    Hi!

    Can you post a screenshot of your view? here’s how it looks on my end – http://screencast.com/t/ptHX1FzsP

    Regards,
    Josue

    January 31, 2015 at 5:33 am #388695
    JPOsteen

    Here is what it looks like on my phone:
    http://loverescues.org/wp-content/uploads/2015/01/no_button.png

    Also, my screen is not fixed. I can scroll to the right and see my menu. It’s not supposed to be like this:
    http://loverescues.org/wp-content/uploads/2015/01/Mobile_Site.png

    January 31, 2015 at 5:42 am #388702
    JPOsteen

    Okay, I cleared the cache on my phone and then I could see the button… But my other problem still remains.

    Can you tell me how to make the mobile site fixed on my screen?

    January 31, 2015 at 7:14 am #388707
    Josue

    Hey!

    Try adding this at the very end of your theme / child theme functions.php file:

    @media only screen and (max-width: 480px) {
  html.responsive, .responsive body{ overflow: hidden !important; }
}

    Cheers!
    Josue

    January 31, 2015 at 7:42 am #388708
    JPOsteen

    Please help fast! I put the code that you suggested in my functions.php and now my website is down! I can’t even login to WP!
    Here is the error:

    Parse error: syntax error, unexpected ‘only’ (T_STRING) in /homepages/4/d283556926/htdocs/LoveRescues/wp-content/themes/enfold/functions.php on line 533

    January 31, 2015 at 11:57 pm #388889
    Josue

    Hi!

    Sorry, the code was meant to be added to Quick CSS (not functions.php), you’d need to revert it via FTP, i can do it for you if you provide me a temporary account.

    If it doesn’t work try with this code in Quick CSS:

    @media only screen and (max-width: 767px){
    .responsive.html_header_sidebar #top {
        position: relative;
    }
}

    Cheers!
    Josue

    February 1, 2015 at 7:50 am #388956
    JPOsteen

    Neither options worked. The mobile site is still scrolling to the right.

    February 1, 2015 at 10:13 am #388985
    Josue

    Hi!

    This will do it:

    @media only screen and (max-width: 767px){
    .responsive #top {
        position: relative;
    }
}

    Best regards,
    Josue

    February 1, 2015 at 2:11 pm #389014
    JPOsteen

    It worked. Thanks!

    February 2, 2015 at 11:37 am #389244
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Full width button not showing up on mobile’ is closed to new replies.