Title: Chrome mobile version &#8211; horizontal width problem
Last modified: August 22, 2016

---

# Chrome mobile version – horizontal width problem

 *  Resolved [tayloroliphant](https://wordpress.org/support/users/tayloroliphant/)
 * (@tayloroliphant)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/chrome-mobile-version-horizontal-width-problem/)
 * 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](https://wordpress.org/support/users/tayloroliphant/)
 * (@tayloroliphant)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/chrome-mobile-version-horizontal-width-problem/#post-5490330)
 * 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](https://wordpress.org/support/users/tayloroliphant/)
 * (@tayloroliphant)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/chrome-mobile-version-horizontal-width-problem/#post-5490385)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/simone/2.1.5/screenshot.png)
 * Simone
 * [Support Threads](https://wordpress.org/support/theme/simone/)
 * [Active Topics](https://wordpress.org/support/theme/simone/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/simone/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/simone/reviews/)

## Tags

 * [chrome](https://wordpress.org/support/topic-tag/chrome/)
 * [horizontal scroll](https://wordpress.org/support/topic-tag/horizontal-scroll/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 2 replies
 * 1 participant
 * Last reply from: [tayloroliphant](https://wordpress.org/support/users/tayloroliphant/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/chrome-mobile-version-horizontal-width-problem/#post-5490385)
 * Status: resolved