move sidebar up

Posted in: Newspaper
Post count: 66

I used homepage-with articles list template. I put small slider to the top of the latest articles. How can I move the sidebar up and fill the empty space near the slider?
http://prntscr.com/64bnow

Post count: 7909

Hi,

That sidebar is for Latest Articles and you can’t move it, but you can create a custom sidebar: http://screencast.com/t/52yLvSn8I add widgets to it: http://screencast.com/t/tUjeCu0Z4
And use Widgetised Sidebar block to display it: http://screencast.com/t/pmxFUUAfLE
Result: http://screencast.com/t/sdJSfFcf
Also you can use a widget/block to fill that space if you don’t want to create a custom sidebar: http://screencast.com/t/m7I0lxnxY32
Result: http://screencast.com/t/0GqvNImIBPr

Hope this helps!

Post count: 66

Hi Alin,

Thanks for your answer. Yes, I know I already use it like you mention. But that kind of solution creates problem(white space) in small screen sizes.

Check:

Big Screen(this is ok): http://prntscr.com/64plna
Small Screen(problem!): http://prntscr.com/64pl6i

Maybe you may change the code of homepage-with articles list template for me?

If you cant, It is ok. thank you

Post count: 7909

Hi

Please try this custom css for homepage on tablet view: http://screencast.com/t/bcR9zJYFZ

@media (min-width: 767px) and (max-width: 1018px) {
.home .td-page-wrap .td_rec, .td-social-wrap {
padding-bottom: 0px !important;
}
.home .wpb_widgetised_column .block-title{
margin-bottom: 5px !important;
}
.home .wpb_widgetised_column .widget_text {
margin-bottom: 15px !important;
}
}

Hope this helps!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.