SPUN theme sidebars

• 

  hapicat · Member · Jul 13, 2016 at 12:04 am

  • Copy link
  • Add topic to favorites

  Hello: I have a site that I’ve built with the SPUN theme. It’s working great in most ways. I understand that the widgets work on the bottom of the pages, like I’ve added on the home page and elsewhere.

  But on a page like this: https://sharonmentyka.com/2015/08/13/teachers/
  I’d like to add some content to the right or left side of the main text, instead of making people scroll all the way down. Is there a way to do this that I’m missing? Either in the existing theme or by custom CSS?

  Thanks for any help you can share.

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

• 

  thesacredpath · Member · Jul 13, 2016 at 7:09 am

  • Copy link

  Hi there, the only widget areas we have in Spun are the ones in the footer and those are hidden behind the symbol with the ” + ” in it and can’t easily be moved up to the side of the content on a responsive designed theme such as Spun. The is mainly due to the fact that we have to use position: absolute; to do that, and when we do, the footer area we move loses all relationship to the other elements on the page and basically floats free above everything else.

• 

  hallluke · Member · Jul 13, 2016 at 8:10 am

  • Copy link

  You can pop a paragraph (or section) of text out of the blog content and have it appear in the side when viewers have a wide enough screen (over 1200px). This might not be quite what you want to do, if you want to show a widget instead but I thought it would be worth showing you just in case.

  Try adding a class to one of your paragraphs – you’ll have to switch to the text/code editor instead of the visual one. Something like this anywhere in the main body:

  <p class="shimmy">This text will jump out to the right on my nice wide monitor, but only on the specific post in which it's featured.</p>

  And then add this to your existing CSS:

  @media screen and (min-width: 1200px) {
  	body.single-post .shimmy {
  		position: absolute;
  		top: 145px;
  		right: -200px;
  		width: 200px;
  	}
  	body.single-post article.post {
  		position: relative;
  	}
  }

• 

  hapicat · Member · Jul 13, 2016 at 6:40 pm

  • Copy link

  Thank you both so much for the speedy replies. I will try that technique. It might be just what I need in a few cases. Have a great day!

• 

  thesacredpath · Member · Jul 14, 2016 at 8:35 pm

  • Copy link

  @hapicat, great! I’m going to mark this as resolved, but please, if you have any further questions or problems with this, do post back here in this thread and we will try our best to get you something that works for you.