Support » Theme: Spun » Sidebar and Alignment of the circles

  • Resolved nsanketnavale


    Hello Caroline,

    You have developed an amazing theme. I just love it!
    I am a newbie at building a website but I have learnt quite a lot of things over the past few days. I was able to get most of requirements done by following the posts in the forum.

    I am unable to get the following couple of things done yet though.
    1) I would like to keep my content area left-aligned for all my pages (in order to add a sidebar) except the homepage, for which I want my circles to be centered to the page. I am not able to do one without disturbing the other. Also, is it possible to have a different arrangement for the circles easily or are they rigidly defined to align in a matrix or a table?

    2) What is the easiest way to create and incorporate a conventional right-aligned side-bar in the theme rather than the one at the bottom?

    Ay help regarding these issues is appreciated.
    For your reference, my website is:
    Thank you for your inputs in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • I have a left-aligned sidebar on all pages except the homepage on my site. So if you’re interested in that let me know and I might be able to help you out.
    Unfortunately, I’m not skilled enough to extrapolate my solution to a right-aligned side-bar.


    Hi Roel,

    Thanks for replying back.
    I browsed through your website and I must say that it is simple and elegant. Good job!
    I would much appreciate it if you could guide me as to how you created the side-bar on the left in your site. I too am new to this but I can try to figure out a way to make it right-aligned.
    Thanks in advance.

    Thanks for the compliment. Sure I can tell you, but first a couple of disclaimers:

    1. Make sure you make a backup of your website first, because I wouldn’t want to be the reason your website goes down. 🙂
    2. I changed my website so the circles represent pages, not posts. I’m not sure if did the same to your site. If you didn’t then I don’t know if this will work, although it might.
    3. While I managed to get a menu on the left side of the website, I haven’t been able (yet) to prevent the content from scrolling over the menu when you scroll from left to right. On big screens like computers it isn’t a problem, but it might be on mobile devices.

    But here it goes. Copy the index.php (called Main Index Template) file to your child theme folder and delete the following line:
    <?php get_sidebar(); ?>

    This will make sure that your menu won’t show on the homepage but will on all the other pages.

    Next, add this to your child theme css.

    #secondary {
    clear: both;
    display: block;
    padding: 0px 0;
    position: fixed;
    top: 150px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 100;

    You might have to fiddle around with things like position, padding and top to get it in the exact position where you want it. If you need to adjust the width of the menu then this is the code, I think:

    .widget-column {
    	width: 200%;

    Finally, go into your WordPress dashboard, click Appearance -> Menus. and create a new menu. Then go to “Widgets” in your dashboard and drag “Custom Menu” into Sidebar 1 and select the menu you’ve just created from the drop-down menu.

    Hope this helps.

    Hi Roel,

    Thank you so much for sharing the codes with me. Yes, the instructions were very useful and thanks to you, now my website has a conventional sidebar!
    Thanks again.

    No problem, glad it worked out. I just had a look and I see you even managed to get it to the right hand side. Now I have a question for you…When I make my browser really small, your content and menu stay fixed (in the place where they are). In mine, when I do that, I can scroll my content over my menu, which I really don’t like. Can you tell me how you fixed this?


    Hi Roel,
    Could you please explain how you changed the circles to show pages and not posts?
    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Sidebar and Alignment of the circles’ is closed to new replies.