Navbar Too Wide on Phone, Can’t Duplicate on Desktop Browser

  • Resolved jrothra

    (@jrothra)


    6 years, 11 months ago

    I’m having trouble diagnosing this because I can’t duplicate it on the desktop.

    Problem: The navbar is too wide on my phone (Android) regardless if widescreen or portrait. I have to swipe over to see the menu hamburger. It occurs in Chrome, Twitter’s browser, Facebook’s browser, etc. I’ll put screenshots below.

    When I set my desktop browser to the same widths of my phone this problem does not happen.

    Even with all plugins disabled the problem persisted, so I’m thinking it’s the theme.

    Can anyone help?

    320 Width (portrait width on phone)
    Phone (as it loads): https://goo.gl/jVrrjG
    Phone (moved over to see menu): https://goo.gl/7trKBk
    Desktop: https://goo.gl/zVmE7Y

    560 Width (widescreen width on phone)
    Phone (as it loads): https://goo.gl/ttimQL
    Phone (moved over to see menu): https://goo.gl/TSLQci
    Desktop: https://goo.gl/ScvHuW

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jrothra

    (@jrothra)

    Still can’t figure this one out.

    Hi There,

    I suspect it is happening because of this custom change:

    .copyright:before {
    content: '\00a9 2006-2018 Dr. John L. Rothra. All rights reserved.\A';
    white-space: pre;
}

    Can you check it after deactivating the child theme temporarily?

    Thread Starter jrothra

    (@jrothra)

    Yep, that was it. I never would have thought that text would be the problem. I removed “All rights reserved” and problem fixed (that legal declaration is usually assumed anyway).

    That’s great!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Navbar Too Wide on Phone, Can’t Duplicate on Desktop Browser’ is closed to new replies.