Chrome mobile version – horizontal width problem

  • Resolved tayloroliphant

    (@tayloroliphant)


    10 years ago

    Hello,

    I’m having an issue with unwanted horizontal scrolling on my mobile site in Chrome and derivative browsers. I’ve tested it several ways, including with a default install with no content, and there is a lot of unwanted space to the right of the layout on mobile in Chrome, and seemingly only Chrome. Additionally I went to mor10.com and grabbed the style sheets from there just in case as I noticed that site isn’t having the problem, no luck. -oh, and I also set the horizontal scroll to hidden !important in the html tag and that did nothing in Chrome either.

    Any help is appreciated! (The url is bigtaylor.com – which is a mess as I’m just testing stuff out with it.)

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

    (@tayloroliphant)

    Fixed it–there is a bug that I didn’t figure out entirely, but I figured out how to fix it. When you use the customizer to remove the header text it somehow messes up the horizontal width on mobile chrome. I think it has something to do with the skip link. Anyways, I manually removed the header text, inserted my own text formatting, and kept the skip link and everything seems to be fine now.

    Here is my custom code from the header.php that works.

    <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'simone' ); ?></a>
                <h1 style="padding: 15px; background-color: #444444;"><a href="/"><span style="color: #FFFFFF;">BIG</span><span style="color: #ff6600;">TAYLOR</span></a> | <span style="font-weight: 400 !important; color: #999999;">Philosophy of Design<span></h1>
		<nav id="site-navigation" class="main-navigation clear" role="navigation">

    Hope someone finds it useful! ??

    Thread Starter tayloroliphant

    (@tayloroliphant)

    If anyone is lazy enough to use my code, you’ll probably want to close the last span tag. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Chrome mobile version – horizontal width problem’ is closed to new replies.