Can't figure out why Links work in Editor but not on the Live page.

Site URL: https://taystthenotes.com/upcoming-events

I have an "Upcoming Events" page and a "Past Events" page that are the same content. The Upcoming Events gets posted to the Past Events as the date passes, but the hyperlinks to the location only work after the event has past.

I'd like visitors to be able to click on the name of the venue on the "Upcoming Events" page and it link them to the venue. It doesn't do that until the event ends up on the "Past Events" page. I've checked the Locations tab on the Event and have the address there but I think that only creates the map, but that too doesn't show via anything 'clickable' in the Event itself.

All of the configurable objects in Event Editor (map, venue URL, calendar ICS, et al) only work *in the editor*. The actual live page is just text of the event...See my Site URL above for example.

Attached is a screenshot of what I see in the editor.

thanks

It appears to me you are using two Events pages. One for upcoming and one for past.

If I had to take a guess your upcoming page does not have the Show Location checkbox checked in Design > Site Styles.

Let us know what you find out.

Thank you, you may be right but under Design > Site styles there is no EVENTS Header as in your screenshot.

Quote

Design > Site styles there is no EVENTS Header as in your screenshot.

Get an event up.

Then go to Home > Design > Site Styles.

Scroll all the way to the bottom. Does it show now?

Edited May 18, 2022 by creedon

Apologies for the late response...

Here is a screen grab of an upcoming event...Following your navigation to Home >Design > Site Styles and scrolling to bottom I do not see location available, still.

 

 

Also, when I edit an upcoming event under Pages, and go to the Location tab, I do see the map, etc.

<see below>

..yet, on the live site, nothing..no clickable link to the venue nor a map as you can see in the editing side of the house.

8 hours ago, TaysttheNotes said:

on the live site, nothing..no clickable link to the venue nor a map as you can see in the editing side of the house

This is what I see for this upcoming event:

Thank you, that's nuts! 

I've tested on 6 different devices in my home, iPad Pro, iPhone8, iPhone 11, iphone 12, Macbook pro and windows10. All on the following browsers: Safari, Chrome, Edge.

What is your platform? 

 

I see the same thing as paul2009. I'm on macOS/Chrome.

The page paul shows is the actual event page.

Is it possible there is some filtering going on? AdBlock Plus? Or, further up the line?

There is no adblocking, upstream at the router, ISP, etc that I'm aware of. 

I'm flummoxed as to how y'all are seeing the changes. I guess that's a good thing, because at the end of the day, visitors can access the links I designed into the Event.

Why multiple devices in my home cannot is a mystery at this point. However, I will open a ticket with Spectrum, our ISP, to see if they are filtering some html functionality that squarespace is pushing. 

1 hour ago, TaysttheNotes said:

I'd like visitors to be able to click on the name of the venue on the "Upcoming Events" page and it link them to the venue. It doesn't do that

As @creedon commented, I was viewing the actual event, not the event list, so perhaps we aren't viewing the same page?

I say this because there's some custom CSS on your site that is preventing visitors from clicking on the titles in the Upcoming Events page. This will prevent them reaching the individual event pages. I bypassed this (I assumed you had done this for testing) to view the actual event page (as linked) but if this wasn't intentional, this may be the issue.

Edited June 7, 2022 by paul2009

Before I go that route, here is my navigation: 

1. load this URL https://taystthenotes.com/upcoming-events
2. at this point nothing on this page is clickable
3. please validate

I just tested this on a AWS VM in the East region of the US. This takes the my ISP out of the equation as I'm using my work related network to do the test

you both are reporting clickable links. Are you perhaps validating under an administrator context?

Nothing clickable in the below screenshot for me:

hey Paul2009, that is helpful. Tell me though, when you say "I was viewing the actual event, not the Event list" where/How are you getting to an actual event if not through the "Upcoming Events page > list of upcoming events?

Also, where you mention seeing some custom CSS code (see below)...where do you see that because the person that set up my site added the following attached code to deal with mobile devices seeing the site well-formatted. Is that what you see? and if 'visitors to my site' from clicking  on events in the 'upcoming events' page wondering how you and creedon are.

 

#############

h1,h2,h3 {-webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important;}

 

 

p {text-align: center; hyphens: none}

 

 

h1,h2,h3 {text-align: center; hyphens: none}

 

.form-wrapper .field-list .field .field-element {

    width: 100%;

    padding: 12px;

    margin: 6px 0 4px;

    border: 2px solid #0000dc;

    background: transparent;

    box-sizing: border-box;

}

 

.eventlist-title {pointer-events: none; cursor: default;}

 

.eventlist-meta-item {text-align: center}

 

a:hover {color: rgba(0, 0, 220, 0.5)}

 

a:hover.BlogList-item-image-link {opacity: 0.7; filter: alpha(opacity=50)}

 

a:hover img {opacity: .7; filter: alpha(opacity=70);}

 

form {width: 80%; margin: auto; position: relative;}

 

input {height: 40px;}

 

.tweak-header-primary-nav-hover-style-spotlight .Header-nav .Header-nav-folder

{border:2px; border-style:solid; border-color:#0000dc}

 

.tweak-header-primary-nav-hover-style-spotlight .Header-nav .Header-nav-folder-item {color: #0000dc; font-family: Roboto; font-weight: 300; font-size: 14pt}

 

Header.Header--top {position:fixed; z-index: 1000; width: 100%; border-bottom: 2px solid #0000dc; height: 70px; background-color: rgba(255, 240, 192, 0.95)}

 

footer {font-size: .6em;}

 

.tweak-mobile-bar-top-fixed .Mobile-bar--top {position:fixed; z-index: 1000; width: 100%; height:70px; border-bottom: 2px solid #0000dc}

6 hours ago, TaysttheNotes said:

please validate

This is my experience.

I can validate your route. The links on that page are not clickable due to the CSS @paul2009 mentioned.

Do you want those events clickable? We can show you which CSS to remove.

Quote

you both are reporting clickable links. Are you perhaps validating under an administrator context?

The clickable links are on the event page itself. Not the event list page mentioned previously.. I viewed the code to the page to get a URL to an event page, as I assume paul2009 did.

paul2009 and I have no special access to your site. We are seeing what a site visitor would see and experience.

What we do have is knowledge about how SS and the web work so we can dig a little deeper than most folks and get to things that may appear inaccessible at first glance.

Edited June 8, 2022 by creedon

Quote

Do you want those events clickable? We can show you which CSS to remove.

Absolutely game to try....Please share the CSS to remove and I will give it a shot...Many thanks to both of you

On 6/8/2022 at 11:00 AM, creedon said:

Remove, make a copy somewhere, the following from Design > Custom CSS.

Let us know how it goes.

Totally fixed..

Thanks so much creedon and Paul2009 for helping. Have a great one!