Sidebar only on a Homepage

Tagged: sidebar

This topic has 2 replies, 2 voices, and was last updated 8 years, 8 months ago by Anidos.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts

March 28, 2016 at 3:22 am #88378

Anidos

Participant

I wanna show the right sidebar only on my Homepage. Can you please tell me how to do it?

March 28, 2016 at 11:44 am #88402

Mahesh

Participant

@anidos: Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

.sidebar.sidebar-primary {
    display: none;
}

.home .sidebar.sidebar-primary {
    display: block;
}

#main {
    width: 100%;
}

.home #main {
    width: 820px;
}
@media screen and (max-width: 1280px) {
    .home #main {
    	width: 720px;
    }
}
@media screen and (max-width: 1152px) {
    .home #main {
    	width: 680px;
    }
}
@media screen and (max-width: 1100px) {
    .home #main {
        width: 600px;
    }
}
@media screen and (max-width: 990px) {
    .home #main {
        width: 100%;    
    }
}

March 28, 2016 at 8:44 pm #88435

Anidos

Participant

Great! It works!! Thanks for quick reply.