2 Browser Menu issues

  • Resolved mrbandit

    (@mrbandit)


    7 years, 8 months ago

    I have two distinct issues that I hope can be resolved. The first of which is the size of my menu bar when the site is viewed on a mobile device or smaller screen. Here is what it looks like in Mozilla, IE, Edge & Chrome when the screen size is smaller then 550 or so.

    https://transamcountry.com/site/wp-content/uploads/2017/03/edge-533.jpgSmaller screen view

    Here is what it looks like on screens larger then 550

    Larger screen view

    I am running a child theme, but it does this with or without it. That is the first issue.

    The second issue IE tries to display my page in a one column + menu link no matter how big the screen is. Edge, Chrome, and Mozilla behave as expected. Even at 1086 IE acts like it is on a small screen. The pictures begin to skew. With that I mean they actually become larger then they were originally. It makes the screen jerky as well. The other notable thing is the menu bar ignores my css to change to black in IE. I am running IE 11.576.14393. I was able to locate another workstation with an older version of IE 11.0.. and it displays correctly. Here is what I see

    IE view that displays with a single column + menu

    Any help with these issues is appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mrbandit

    (@mrbandit)

    I’ve figured out the large menu bar issue. Here is the code that came with 2017

    .menu-toggle {
	line-height: 25.5;
}

    I changed that value in my child theme to 1.5 and it was fixed.

    Now I have to figure out why IE 11 is causing me grief and making the page jerky. Any help will be appreciated.

    Thread Starter mrbandit

    (@mrbandit)

    I researched a IE11 issues with wordpress and came across an issue that described IE behaved like it were IE7 or 8. The fix discovered in that was placing the following code in the <head> area.

    <meta http-equiv="x-ua-compatible" content="IE=edge" >

    This fixed my single column issue.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘2 Browser Menu issues’ is closed to new replies.