Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
Like Tree1Likes
  • 1 Post By djitsz

Thread: Nav bar shifting between pages

  1. #1
    Junior Member
    Join Date
    Feb 2014
    Location
    Hamilton, Ontario
    Posts
    2
    Member #
    38373

    Angry Nav bar shifting between pages

    What the problem with my pages seems to be, is that for some reason the Wedding Party and RSVP pages are slightly wider. I'm not sure why this is, and I'm hoping someone can find whatever dumb error I've made. I've spent hours on trying to find my mistake, or just trying to make random corrections, and nothing. GAH.

    Ashley Roberts and Nygil Sheptenko - Our Wedding Website

  2.  

  3. #2
    Member djitsz's Avatar
    Join Date
    Jan 2014
    Posts
    67
    Member #
    38199
    Liked
    17 times
    Hi Kitanya

    It's because those two pages are longer than the others and as a result the browser shows a scroll-bar on those pages. The scroll-bar takes up some page width meaning that the total width of the page gets smaller and the centered content shifts slightly to the left.

    The only way to address this is by adding the following CSS:

    Code:
    body {
        overflow-y: scroll;
    }
    This CSS causes the scroll-bar to always show and as such the width for different pages is no longer different.

    Good luck!

    Jitse
    Kitanya likes this.

  4. #3
    Junior Member
    Join Date
    Feb 2014
    Location
    Hamilton, Ontario
    Posts
    2
    Member #
    38373
    THANK YOU SO MUCH.
    I knew it was going to be something simple.... gah.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Tags for this Thread

All times are GMT -6. The time now is 11:15 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com