Site Logo & Page Links Shifting Position Between Pages

  • link2999

    (@link2999)


    9 years, 9 months ago

    I already made a few edits to the default template, so I’m hoping I didn’t change anything myself that caused this, but just wanted to see if you might have a quick solution for me.

    Here’s my site, up at the moment – powertotheplayers.org

    If you move between the index and one of the pages (try contact for example), you can see the logo slightly shifting positions. Logo position is fine on mobile.

    Edit: It seems as if the entire top/nav bar is shifting slightly right when you open up pages.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Imran Ali

    (@imranaliweb)

    9 years, 9 months ago

    Hi

    try below code in custom css Filed (Theme Dashboard >> appearance >> customize >> header setting >> custom css)

    .navbar > .container .navbar-brand {
    margin-left: 20px !important;
    }

    Change margin according your need.

    Thanks.

    Thread Starter link2999

    (@link2999)

    9 years, 9 months ago

    Thanks, Imran – great response time!

    Unfortunately that didn’t exactly fix it. I just found out that the entire top/nav bar that includes the logo shifts slightly to the right when you open up new pages – you should be able to test for yourself (page links slightly shift as well as the logo).

    Imran Ali

    (@imranaliweb)

    9 years, 9 months ago

    Hi link2999

    Its working perfect our end,please deactivate wp-flexible-map then check now.

    let me know any confusion.

    Thanks.

    Thread Starter link2999

    (@link2999)

    9 years, 9 months ago

    Plugins weren’t it either.

    Tried a few different browsers and the same thing happens on all of them (Chrome, Safari, Firefox).

    It only happens when you move from the page’s index (home page) to another page (contact, about). If you look at the site’s logo, you should see a slight shift (maybe 5px) to the right.

    Was thinking it had to do with the page’s being selected (link background shows active), so I added a custom link for the index (home), but that didn’t help either.

    Thread Starter link2999

    (@link2999)

    9 years, 9 months ago

    It has something to do with the height of the page. Was just able to test it.

    Opened up an inspect box (opens at the bottom of my window) and there was no shift between index and contact because the browser used the full height on each page – but there was a shift between the About page and both the index and Contact pages. Closed the inspect box and the problem went back to index and either the about or contact pages (because these pages have no scroll and don’t reach the bottom of my window alone). Resized my window’s height so that only the top bar was showing and the shift problem disappeared.

    Adding more content on my pages would be a measure to hide the problem, but there is still an underlying issue somewhere.

    I apologize if I’m making the problem sound more confusing than it already is.

    Imran Ali

    (@imranaliweb)

    9 years, 9 months ago

    Hi

    I am check its working perfect our end, If you are using wp-flexible-map ( Map Plugin ) or any shortcode for map then occur this problem, Plz detective plugin or remove shortcode then check.

    You are using wp-flexible map and two other plugin check below Image URL

    http://share.pho.to/AFTlu

    Thanks.

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

The topic ‘Site Logo & Page Links Shifting Position Between Pages’ is closed to new replies.