Moving side bar to the top of the blog, having issue with removing sidebar space on the main page area

Support
#1

I had added this to my blog index page. I had had this working before but something got messed up and now, I used info from this post https://theme.co/apex/forum/t/any-way-to-move-a-be-at-the-top-of-the-blog-post-page-vs-as-a-side-bar/54387

i can’t get the section with the blog posts to go end to end vs have this side bar space. I under my code is creating it but i don’t know how to remove that piece but still have my search filter area at the top.

looks like this

but want to have look like this

// ADD SEARCH FILTER
///* ADD SIDEBAR TO BLOG PAGE */
function add_sidebar_blog($layout){
if(is_home()){
$layout = “content-sidebar”;
}
return $layout;
}
add_filter(‘x_option_x_layout_content’, ‘add_sidebar_blog’,999);

add_action( ‘x_after_view_global__slider-below’, ‘add_mytext’, 10 );

// // SEARCH FILTER ADDITION AND MOVE TO TOP
//
add_action( ‘add_meta_boxes’, ‘add_is_featured_post’ );
function add_mytext() {
if(is_home()) {
echo do_shortcode( ‘[searchandfilter id=“258”]’ );
}
}

#2

Hi @designbabe,

Thank you for reaching out to us. To remove the sidebar spaces and make the content go fullwidth on your blog page, you can add the following code in the Theme Options > CSS:

.blog.x-content-sidebar-active .x-container.main:before {
    right: -100%;
}
.blog .x-main {
    width: 100%;
}
.blog .x-sidebar {
    display: none;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Hope this helps!

#3

thanks i’ll check out.
yes this fix did work

#4

Glad to hear that :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.