Grow your CSS skills. Land your dream job.

Mobile background width issue

  • # April 25, 2013 at 1:20 pm

    Can anyone see why I am having the issue of on a mobile device the full width background (light grey) extends way past the site width on the right hand side of the page?
    http://www.jobspark.ca/

    # April 25, 2013 at 1:39 pm

    Looks like you’re missing the viewport meta tag

    # April 25, 2013 at 3:23 pm

    I found a way to fix this using css but then it hides the search bar that is placed into the header. Can anyone else see another solution?

    Remove the body { overflow-x: hidden; } and replace it with this:
    site { overflow-x: hidden; }

    http://www.jobspark.ca

    # April 25, 2013 at 5:23 pm

    Are you going to ignore my suggestion completely?

    # April 25, 2013 at 5:51 pm

    @TheDoc no sorry I just don’t understand your suggestion as it is above my skill level. Not sure if you can explain to me what I need to do or not. I’m using Squarespace so my access to certain sections are limited. Thanks for your time

    # April 25, 2013 at 7:00 pm

    You just need to put that value inside of your ``.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".