[Nilesh LParticipant]

I am using https://woocommerce.com/products/sensei/ and have added this in my child functions.php

https://gist.github.com/lvnilesh/63406df19e596dd39a27492f21996235

I would like to understand what should be tweaked to make the course, lesson and module pages full width.

Some example pages that I need changed are

https://be.a.cloudgeni.us/course/cloud-essentials/
https://be.a.cloudgeni.us/lesson/why-cloud-computing/

Appreciate your help with the awesomeness generally known as themeco X theme.

[RadModerator]

Hi there,

Thanks for writing in.

According to the code, it’s already full width, but, there are malformed elements that causes the sidebar falls within the x-main container. There are multiple and nested instances of entry-wrap too.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks!

[Nilesh LParticipant]

And also the woocommerce checkout page https://be.a.cloudgeni.us/checkout/ needs to be full width as I do not want customers distracted with sidebar.

[RadModerator]

Hi there,

Please provide the information as requested and I’ll see if I can find those malformed elements. And for woocommerce, please set your Woocommerce layout at Admin > Appearance > Customizer > Woocommerce > Shop Layout.

Thanks!

[Nilesh LParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for providing the information. Upon inspection, the shop page is already fullwidth. You just set the navbar as fixed left that is why there is navigation on the left side. If you want to remove the sidebar in your checkout page, please edit that page and change the page template to Layout – Fullwidth.

Hope this helps.

[Nilesh LParticipant]

Also, the events page does not seem to render correctly. https://be.a.cloudgeni.us/events/

This uses the events calendar plugin.

[Rue NelModerator]

Hello There,

What should be the expected layout for the Event page? Could please give us a screenshot or illustration so that we could have an idea of how it would look like?

Thank you.

[Nilesh LParticipant]

expected Event style is similar to this

screenshot https://theeventscalendar.com/content/uploads/2015/08/showcase-milkwood-list-view-1000×1212.png

[Nilesh LParticipant]

I think my main concern is to make sensei course and lesson pages full width.

[Rue NelModerator]

Hello There,

To make sure that the Events page is fullwidth, since you already have your child theme active and ready, please insert this following code in your child theme’s functions.php file.

// Sidebars only in Events
// =============================================================================
function no_sidebars_allowed($contents) {
  if ( is_post_type_archive('tribe_events') ) {
    $contents = 'fullwidth';
  }
  
  return $contents;
}
add_filter('x_option_x_layout_content', 'no_sidebars_allowed');
// =============================================================================

Please let us know if this works out for you.

[Nilesh LParticipant]

Thanks. I would really appreciate your help with sensei courses and lessons pages laying out correctly.

[RadModerator]

Hi there,

Since it deals with templates, I think it’s best to work on FTP. Else, any failed test would put your site down.

Thanks!

[Nilesh LParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please update the previous code to this:

function no_sidebars_allowed($contents) {
  if ( is_post_type_archive('tribe_events') ) {
    $contents = 'full-width';
  }
  
  return $contents;
}
add_filter('x_option_x_layout_content', 'no_sidebars_allowed', 10);

Hope it helps 🙂

[Author]

Posts