White bar down right using twenty thirteen

  • Resolved digital antelope

    (@digital-antelope)


    11 years, 3 months ago

    Hi,

    I have created a child theme for the twenty thirteen theme.
    However when I look a the site on a mobile there is a white bar down the right of the header…

    I have used edge inspect and stepped through my css, but I can’t seem to find what is causing the issue.

    The site is https://www.savannahandalex.co.uk

    Thanks in advance.

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

  • Curious, why did you copy over the contents of the entire parent theme’s style.css file instead of importing it?

    In any case, add this to the end of your child theme’s style.css file:

    .site-header .home-link {
	padding:0;
}

    Thread Starter digital antelope

    (@digital-antelope)

    Hi,

    Thanks for replying.

    I did copy the stylesheet, which is a little frustrating.

    I have applied that css you mentioned above, but it is still displaying the white bar…

    Thanks

    You can remove the !important clause from the added CSS, that doesn’t help, and can cause some problems in the future.

    Add this CSS as well:

    .entry-header, .entry-content {
   width: auto;
}

    Thread Starter digital antelope

    (@digital-antelope)

    Hi,

    That worked!

    Thanks for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘White bar down right using twenty thirteen’ is closed to new replies.