Header image too short on Motif theme

• 

  nnas81 · Member · May 6, 2014 at 12:43 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’ve just changed the theme on my blog to Motif (www.nillunasserstelter.com). I’ve chosen a rotating header but the image is not displaying across the full width of the site. Is it possible to change this and for it still to remain mobile responsive?

  I’ve just purchased the custom upgrade so I can change the CSS but despite searches for similar topics I can’t get to grips with it. I’d be very grateful if you are able to help at all.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 7, 2014 at 5:57 pm

  • Copy link

  Hi there, the following CSS will make your header images go full width. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following.

  .site-image img {
      width: 100%;
  }

• 

  javolmert · Member · May 7, 2014 at 6:06 pm

  • Copy link

  Would that work with most themes or only the one she specified? I am looking for a way to make the header area wider on my site which the current theme is yumblog.

  Thanks!

• 

  nnas81 · Member · May 7, 2014 at 9:35 pm

  • Copy link

  Hiya,

  Thanks so much, that worked a treat.

  Javolmert, hope you get yours sorted too.

• 

  thesacredpath · Member · May 8, 2014 at 5:22 am

  • Copy link

  @javolmert, CSS is generally theme specific, so it is unlikely it would work with many other themes.

  If you want to explore that possibility, you can create a new thread in the CSS Forum and we can see what we can do with your theme and your site.