No Sidebar?

Sparkling
1

Does this even work?

2

This is my forth time trying to post this! What is wrong with this forum?

I cannot get the right sidebar to display.

3

I am not using a child theme, latest version of Wordpress, latest version of Sparkling theme.

I’ve made changes to the settings to view the site full width, left side bar, right side bar. It used to work, now it does not. However the site does display everything fine on other pages, just not the main Front Page site - http://www.idig-it.com

4

My apologies for the multiple posts, its the only way I can get these to post the forum here:

I just want to be able to view the main front page with the right side bar (and all other pages). Again, it USED to work, but after changing settings under Sparkling Options - its currently set to Right Sidebar, still it changes nothing on the main page.

Under the main page settings Page Attributes - Template is set to “Default Template” - under “Select layout…”, at the very bottom its set to “Right sidebar”

5

I may have figured out WHY, I’m just not sure how to fix this.

If I change the Front Page to display Latest Posts, it then shows the Right Sidebar.

If I change the front page to display only a Static front page, it goes full width and does NOT show the Right sidebar.

I want this to be a static page WITH the sidebar. Any ideas?

6

I figured this out, had to adjust the following in the Stylesheet.css:

.no-sidebar #secondary, .full-width #secondary{
    float: right;
}
.no-sidebar .main-content-inner{
    float: none;
    margin: 0 auto;
}
.full-width .main-content-inner{
    width: 66%;
7

I wouldn’t say this is resolved, now after making those changes the site views terribly on mobile, wow.

8

Hi @thankyourob,

I hope you are well today and thanks for posting here.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

.full-width #secondary,
.full-width .main-content-inner {
  width: 100%;
}

@media (min-width: 988px){
  .full-width .main-content-inner {
    width: 66%;
  }
  .full-width #secondary{
    width: 33.33333333%;
  }
}

Best Regards,
Movin

9

Thanks, that code did get the main area to display aligned to the left, however, does not display the right column.

10

It’s not displaying because you have set your home page as full width page but you can display the sidebar on the full width home page by using the below CSS code.

body.home div#secondary {
    display: block;
}
11

That did it!

Thank you!

12

You are most welcome here :slight_smile: