• Resolved Placeholder

    (@placeholder)


    Is it possible with this theme to have a sidebar on the right? I see it when I customize widgets in the dashboard, but on the site itself the sidebar appears at the BOTTOM of individual post pages and not at all on the home page (latest posts).

    https://www.thesubteens.com/

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Placeholder

    (@placeholder)

    You guys don’t check in on your WordPress support page very often, hunh?

    Moderator Mel Choyce-Dwan

    (@melchoyce)

    Hi there,

    Umbra’s widgets do only appear on single posts and pages. If you’re comfortable making a child theme, it wouldn’t be too hard to move the widgets over into the left sidebar, but creating a whole new sidebar area on the right is a lot more difficult since there isn’t currently a container to put them in.

    If you were interested in moving them over to the left, here’s what you could do:

    1. Copy over single.php, page.php, attachment.php, and header.php into your child theme.
    2. Copy the line <?php get_sidebar(); ?> from either single.php, page.php, or attachment.php and paste directly under </nav><!-- #social-navigation --> on line 53 of header.php.
    3. Remove <?php get_sidebar(); ?> from single.php, page.php, and attachment.php.
    4. Add some new widget styles to your style.css to remove floating on widgets and make them 100% width. You’ll also need to update the font color. White is probably your best bet.

    I’ve put together a quick child theme with these steps: https://cloudup.com/cZ1FlIAA749

    If you do want them on the left, you’ll need to do a lot more tweaking. I’m not totally sure what the best way to approach adding the sidebar on the right would be. You might be able to leave them where they are and just restyle with absolute positioning, like so:

    .widget-area {
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: -170px;
    }
    
    .widget-area .widget {
    float: none;
    padding: 0;
    width: 100%;
    }

    That totally breaks the layout when you get down to tablet size, though, so you’d need to restyle once you hit the different breakpoints in the theme.

    Hope this helps!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Right Sidebar?’ is closed to new replies.