Not allow list view but still show list view in mobile format

[Andrew Bruske]

Hi

I am trying to see if its possible to disable the user from choosing list view as an option, but I still want the calendar to change to list view if the screen is changed to mobile mode. If I disable list view as an option it then disappears from the next line for default mobile view in the settings. Is there another way around preventing the user from changing the calendar into list view but still forcing the calendar into list view when the screen is in mobile mode? Ive found that the actual list view in full screen mode is slightly different from when the calendar changes to list view in mobile mode…

Thanks
Andrew

[Jaime Marchwinski]

Hi Andrew,

Thanks so much for reaching out!

You can try hiding the List View selection with some CSS so that users cannot select it in desktop view.  You can try adding something like the following to your WordPress Customizer or to your theme’s stylesheet:
span.tribe-icon-list {
display:none;
}

Let me know if that helps!

 

Thanks,

Jaime

[Andrew Bruske]

Thanks Jaime

Ive added that into the additional CSS customiser but I’m still seeing the option to view in list mode and it still changes if it click it?

[Jaime Marchwinski]

Hi Andrew,

Without disabling that view completely, it will still be available to view.  The CSS can hide the view, but it cannot disable it.  Did the code I provide you with hide the List View?

If not, can you provide me with a link to your main calendar page?

Let me know if you have any other quetions in the meantime!

 

Thanks,

Jaime

[Andrew Bruske]

This reply is private.

[Jaime Marchwinski]

Hi Andrew,

You can hide the whole View As section so that users won’t be able to select an option, and they will only be able to see Week View (since that is the only other option).  Try something like this:

.tribe-bar-views-inner .tribe-clearfix {
display:none;
}

Let me know if that helps!

 

Thanks,

Jaime

[Andrew Bruske]

Ive used that code you’ve sent but I’m still seeing the “view as” box. Is it just in the “additional CSS” section within wordpress that I put that code?

[Jaime Marchwinski]

Hi Andrew,

You can either add it to the Additional CSS section of your WordPress Customizer or you can add it to your theme’s (or child theme’s) stylesheet.

Let me know if that helps!

 

Thanks,

Jaime

[Andrew Bruske]

That last code doesnt hide the list view. I can still see the view as section and can still change the view to list.

[Jaime Marchwinski]

Hm, okay, try this:

div.tribe-bar-views-inner.tribe-clearfix {
display:none;
}

Let me know if that helps!

 

Thanks,

Jaime

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts