Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS A White Background is Covering Up the Top Navigation links on every page

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #180609
    eric-sch
    Participant

    The Problem is visually located on my website: partystartersevents.com

    While viewing my site on most smart phones and tablets (iphone and ipad’s), you will see that there is a white background located on the right hand side of the page. It covers approx 50% of the page which leaves my navigation links covered up and makes it look weird all together.

    CSS coding is located at: style.css

    Any help? Because other than that, it shows up find most other places.

    #180610
    ThatCat
    Participant

    Maybe with “overflow:hidden”?

    Also, you gonna need add the media queries for make it responsive ;)

    #180611
    eric-sch
    Participant

    Where would I place that? I had a guy do my coding before. While I certainly understand CSS and coding to a degree, I just need a little more specific help in where I should place your advice with the code. Also, what do you mean by media queries? I appreciate your help in advance. Thank YOU so much.

    #180664
    ThatCat
    Participant

    Your code have 2 problems:

    1- Width (and Height) defined in pixels (use %).
    2- No media queries.

    Example of Media Queries:

    http://jsfiddle.net/nyp856k8/1/

    I hope you understand the “syntax” of the CSS example.

    #180900
    snfleming
    Participant

    When your container width is changed to 1200px the white goes away so I would take a look at that.

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