Main Sidebar is missing on MEC Single Event

Hello X Support,

I am missing main Sidebar on the single event page, even though it shows up on other pages. The link to the event page is http://myaroma.life/events/2018_03_16_aromameeting_astana/ . Please help me to find out what’s wrong.

Thank you, Julia

Hey @tilinga,

MEC’s single event page does not have a sidebar because there is no space for it (see Secure Note).

Custom development is required to add the main sidebar to it. Regretfully, this would be outside the scope of our support.

Thank you for understanding.

Hello, thank you for your prompt answer. As far as I see there is a space for a sidebar which is empty when you make a screen wider. Please see the image attached.

Hi there,

The active layout is sidebar-content which gives it a sidebar space (an allocated space), but the actual MEC template doesn’t have any defined sidebar. And if you’ll view the source code, it uses main-content instead of x-main which means the template being pulled isn’t from the theme.

To hide the space, please add this CSS to your global custom CSS

    body.mec-events-template-default.single-mec-events {
padding-left: 0px;
    }

Thanks!

Hi, thanks for your explanation. I barely understood the concept, but let me ask one more question. Is that possible to show the sidebar instead of hiding it? As far as I see there is an exact space needed to show it.

Hi there,

Not possible at this moment due to template restriction, the single event page uses the different template which isn’t in control of the theme. Hence, assigning a sidebar is no use since the template will not display it.

Thanks!

Okay, I used this code, but now I am having issue with Fixed Top Header. Please see image attached

Hey @tilinga,

Regretfully, as stated in our previous responses, it would require custom development to insert X Sidebar into MEC’s single events page. When you said there is space when you make the screen wider, the space that you see is not for the sidebar. Remember also that X is a responsive theme. You would also need to take other screen sizes into account. Please contact a third party developer to integrate a sidebar into MEC’s single event page because this would be outside the scope of our support.

Thank you for understanding.

Hello,

I got the idea, that the sidebar is not possible (at least currently).

I did insert the code

but now the Fixed Top Header is acting weird. It jumps to the right when I scroll down. Could you please check the website and help me fix it with CSS?

Hello There,

Please update the css and use this:

body.mec-events-template-default.single-mec-events {
   padding-left: 0px;
}

body.mec-events-template-default.single-mec-events.x-sidebar-content-active .x-navbar-fixed-top {
    left: 0;
}

We would loved to know if this has work for you. Thank you.

Yes, that helped, thank you, X team!

You are most welcome. :slight_smile:

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