[david]

doesn’t seem to remove the times from mobile view

[david]

now I can add this code:

<div class="duration">
<?php echo tribe_events_event_schedule_details(); ?>
</div>

to the bottom of plugins/the-events-calendar/src/views/month/single-event.php however this also adds the times to the mobile view and makes it look very strange so I only need it in the desktop view and not the mobile view. this is way outside my expertise

[david]

alrighty

yes you are correct. however there are a few extra things to know

I have re-added the code to the functions.php file you can see the result here: http://www.kidsmagicworld.com.au/events/ and it displays the calendar in mobile view but dates are not clickable (unless you shrink the screen down to the size of a mobile- weird I know)

I have added the calendar via an iframe to a page see here http://www.kidsmagicworld.com.au/new-prices/ and click the 2nd option at the top to view the calendar- this shows in mobile view and is clickable.

but what I need is for the /events/ page to be a mobile calendar and to be clickable all the time on any device

I

[david]

found the right file wp-content/plugins/the-events-calendar/src/functions/template-tags/general.php

and scroll down change 768 to 2400 and it does convert the calendar to mobile but same problem- dates are not clickable- see this page as well https://theeventscalendar.com/function/tribe_get_mobile_breakpoint/

very annoying that it does not work- it is a deal breaker for me the full calendar looks dreadful and unusable for my needs so any help you can provide would be great- otherwise it’s time to look for a new calendar

[david]

I found the following by going into cpanel
on this page wp-content/plugins/events-calendar-pro/src/resources/css/tribe-events-pro-full-mobile.css

* (Some of these styles may override your current theme’s styles)
*
* Default Breakpoint: 768px
*
* This breakpoint can be customized using the ‘tribe_events_mobile_breakpoint’ filter,
* or the responsive nature of the plugins can be removed by using the ‘tribe_events_kill_responsive’ filter.
*
* To add your own custom styles, create a stylesheet with the name
* tribe-events.css in the tribe-events/pro/ directory of your theme.
* Your new stylesheet will be loaded after our own stylesheet.
*
* To replace our stylsheet altogether, you can use the ‘tribe_events_stylesheet_url’ filter.
*

I don’t know what it means but I have a feeling it would allow me to edit the breakpoint, but it would be nice to find the file that says 768px and change this to say 2000

[david]

ok i have removed the code from functions.php so it is “as normal” there must be some code somewhere telling it to convert to the mobile version depending on the size of the browser

[david]

I had to restore a previous version of the calendar so the link in the initial post shows how I would like it to look

I need the Title, date and start + end times displayed but not the event details, does your code remove everything or just the details

[david]

the pro version does have a shortcode for a widget full calendar you could also use a free plugin called eyes only https://wordpress.org/plugins/eyes-only-user-access-shortcode/ so basically you control what user types can see.
every customer would see the times and name of the event- but when clicked through to the event- only user types you allow will see event content (so you could have the calendar display every event for those not logged in but they only see times and event name- and you can hide the content (or part of the content) until they login-once they log in- they can view the full details-so it is 1 calendar but the important content is hidden- just not the name or times of the event.in some ways this is good-your calendar is full and potential members can see what they are missing out on.the eyes only plugin allows you to hide content via short codes so when you type in the post box you wrap the content youdon’t want them to see in the shortcode. you may wantto use a tiny bitof csstohide other certain details that eyeonly can’t hide

[david]

works with

#tribe-events .tribe-events-button {
display: none !important;
}

[david]

the css for the link worked,but the grey + export months events code at the bottom didn’t

#tribe-events .tribe-events-button {
display: none;
}

[david]

I found the css to use so I will close this
for anyone else interested I am using
body.post-type-archive-tribe_events #navigation { display: none !important; } for the navigation in canvas theme woothemes

[david]

body.post-type-archive-tribe_events #navigation { display: none !important; } OK I think I am getting somewhere- thank you

[david]

yes javascript has been turned off since the start. there are no tick boxes on that page that have ever been ticked

normally it’s quick to test if there is a theme conflict but how to say this-it only happens when the website has been sitting idle for a while,so I am going to have to do this at middnight because I’ll have to wait for a bit in between each test -bang another day lost,I asked for css code to remove the header info and nav- if you don’t know how to do this please let me know how to get a refund. I am serious-lets move on to a solution that I can get up and running fast.

theres 2 ways of doing things here:
1: the web way -lets make the site work perfectly
2: lets get the job done so its up and running soI don’t lose money

I can do number 1 later next year when the busy season is over but right now this minute tell me how to remove the header and nav via css as in what to copy and paste into css so I can get the calendar working NOW.if you can’t do that -I understand let me know and I’ll look for another plugin. sorry to be to the point here but ever since introducuing your calendar- no sales- I am not prepared to wait another day- or what file do I go in in cpanel to remove the call for header and nav info for that page

[david]

no it doesn’t – how do I use CSS to remove the header and navigation? I am not a web guy you gotta dumb it down by giving me the exact css to copy and paste in

[david]

you are not going to get the error if you are constantly going to the page- it’s like the website is asleep and when you visit the page and the calendar is not working when you click a date- I just tested it and bang spirals again

firefox 42.0 on a PC
blackberry 10

the widget is a problem but the normal calendar works fine-so for now I need a solution not more testing because since introducing the calendar I have made no sales-I don’t want to wait another day-I am an entertainer and it’s xmas season- 1 day could be $1-$2000 loss in sales
so I need to edit the core events page to not display the header or navigation,normally on a page I can use css like:
.page-id-1114 #navigation { display: none !important; }
.page-id-1114 #wrapper {background: #ffffff; !important;}

but I can’t find the calendars ID number,so please tell me what I have to do to remove the header and menu from the calendar page.

[Author]

Posts