Sidebar for events showing the wrong width

MoniqueMartens · January 2018

Hi,

If I understand correctly, BeTheme should be compatible with Events Calendar. On our development website (see events overview page @ http://u26268p20302.web0078.zxcs.nl/agenda/), for sidebars in theme options, I set the width of the sidebar to 30%. However on the events page the sidebar is showing in a <div class="four columns"> which results in a sidebar of only 23%.

How can I fix this?

Thanks & regards,
Monique

Bryan · January 2018

HI,
sorry but we see the same sidebar, can you please send a links to 2 pages where the sidebar appears different?
thanks

MoniqueMartens · January 2018

Page with sidebar 30%: http://u26268p20302.web0078.zxcs.nl/nieuws/

Page with sidebar 23%: http://u26268p20302.web0078.zxcs.nl/agenda/

Thanks.

Bryan · January 2018

Hello,
yes, indeed this is an issue we will have to fix. For now, please use this custom css

.post-type-archive-tribe_events .four.columns, .single-tribe_events .four.columns {
	width: 30% !important;
}

MoniqueMartens · January 2018

Ok, thanks.

That works for events page overview, however not (yet) on a single event (ie. http://u26268p20302.web0078.zxcs.nl/evenement/maandelijkse-open-coffee-maart-2018/).

Please advise.

Bryan · January 2018

I have update the css above, try it now.

MoniqueMartens · January 2018

That works!

Thank you so much!

MoniqueMartens · March 2018

Coming back on the sidebar problem for events.

I need to add another issue to the a.m. problem. For events on mobile the sidebar is placed under the content like it should. However, both on the events main page and a single events page, the sidebar is placed way too far to the right so that it cannot be read.

I suppose you should fix this in the theme.

Please advise on the corresponding css I can use to solve this problem in the meantime.

Thanks & regards,

Monique

Bryan · March 2018

Hello Monique,
please send some links and screenshots.
thanks

Sidebar for events showing the wrong width

Comments