JasmineFoster

Hello, I have a professional portfolio site https://www.drjrf.com/experience. The Experience page crashes on mobile but works perfectly fine on desktop. When visiting the Experience page, either by clicking on the menu link or the the button on my homepage (see video below), the page loads for a few seconds, reloads, and then crashes. This error only seems to happen on the Chrome mobile browser/app. I've tried it via Safari and it works fine (for now). Any ideas on what could be causing the glitch and how to resolve it?
drjrf screen recording - mobile glitch.MP4

Hi, I know I am very delayed in my response, but here is the code I am using. Since my original post, I have made some additional updates to my navigation bar.  I've pasted my updated code below. I hope this helps!
//NAVIGATION BAR// // Hide index link from nav bar // a[href="/sip-the-tee-1"]{pointer-events: none;}; a[href="/about-nav"]{pointer-events: none;} a[href="/what-we-do-1"]{pointer-events: none;} //static floating header// .Header {border-bottom: 2px solid gray;} @media screen and (min-width: 768px) { .Header {position: fixed; z-index: 9999; width: 100%; top: 0px;} .Content-outer {margin-top: 100px;} } //--- Add a border between links: .Header-nav-folder a {border-bottom:1px dotted gray} //--- Increase the space between links: .Header-nav-folder a {padding-bottom:.5rem!important; } //--- give drop down list a shadow: .Header-nav-folder{box-shadow: 5px 5px 15px rgba(0,0,0,0.5)} .Header-nav-folder{background-color:white!important} //--- active link highlight---// .Header-nav-item {margin: 10px!important; padding: 5px!important;} .Header-nav-item:hover {border: 2px solid #990000!important;} .Header-nav-item.Header-nav-item--active {background: #990000!important; color: white!important} .Header-nav-folder-title.Header-nav-folder-title--active{ color: white!important; background-color: #990000; padding-left: 6px; padding-right: 5px; border: 4px solid #990000; margin-left: -5px!important; margin-right: -5px; margin-top: -2px;} //--- grey highlight folder link on hover---// .Header-nav-folder-item:hover {background-color: #e7e6e6!important}  

Hi, I know I am very delayed in my response, but here is the code I am using. Since my original post, I have made some additional updates to my navigation bar.  I've pasted my updated code below. I hope this helps!
//NAVIGATION BAR// // Hide index link from nav bar // a[href="/sip-the-tee-1"]{pointer-events: none;}; a[href="/about-nav"]{pointer-events: none;} a[href="/what-we-do-1"]{pointer-events: none;} //static floating header// .Header {border-bottom: 2px solid gray;} @media screen and (min-width: 768px) { .Header {position: fixed; z-index: 9999; width: 100%; top: 0px;} .Content-outer {margin-top: 100px;} } //--- Add a border between links: .Header-nav-folder a {border-bottom:1px dotted gray} //--- Increase the space between links: .Header-nav-folder a {padding-bottom:.5rem!important; } //--- give drop down list a shadow: .Header-nav-folder{box-shadow: 5px 5px 15px rgba(0,0,0,0.5)} .Header-nav-folder{background-color:white!important} //--- active link highlight---// .Header-nav-item {margin: 10px!important; padding: 5px!important;} .Header-nav-item:hover {border: 2px solid #990000!important;} .Header-nav-item.Header-nav-item--active {background: #990000!important; color: white!important} .Header-nav-folder-title.Header-nav-folder-title--active{ color: white!important; background-color: #990000; padding-left: 6px; padding-right: 5px; border: 4px solid #990000; margin-left: -5px!important; margin-right: -5px; margin-top: -2px;} //--- grey highlight folder link on hover---// .Header-nav-folder-item:hover {background-color: #e7e6e6!important}  

hey Could you tell me by any chance which code you used? that would be very helpul for us. Thank youuu

It seems that you have figured it out, right?

What is your site url? We can take a look

Yup! Thank you

Off the top of my head I think this would take some JavaScript.
CSS effects how things look. JavaScript is for building functionality where it doesn't exist.
I recommend contacting the plug-in author to see if what you want is within the realm of possibility.

Is it possible to add this button in quick view page also next to add to cart button?

Hey @AussieAudio I didn't quite achieve what I was looking for, but found a decent workaround/substitute if you're interested.
It took some time, but if you're up to it.... what I did was:
1. Added some text to the bottom of the podcast entry post ("listen now") and hyperlinked it to my audio player, which is a buzzsprout player that embedded into the Content of the post. I grabbed the audio player's #blockID to use as the "Source Url" of the post (this will be important for the lightbox to work properly). 

2. Using some Custom CSS, I swapped the "Listen Now" hyperlinked text with a background image of a "Listen Now" button. This is what will be displayed in the Summary Block. [see below]
Note: make sure in your summary block, you have the "excerpt" option toggled on, otherwise your button won't display. 
3. Used the "Lightbox Anything" plug in to make all of my new "Listen Now" buttons pop up with my audio player. [This is easy but you would need your own code that the creators of the plugin provide.] This is the last step. 
 
You can take a look at how it works here: www:theenrichededucator.org/podcast. 

What if I don't want an automated response to the subscriber, but simply an alert (to myself) that I had a new subscriber?

Site URL: https://www.theenrichededucator.org/
Hello, I am trying to figure out some CSS that will highlight the appropriate item on my header/navigation bar with a visitor is currently on one of the pages in the folder. I have switched the Style Editor setting to "Active" already. This works for regular pages in my navigation bar; turns the item from Red font to Black font when the visitor hovers and/or is currently on the page. However, this effect does not work when the visitor is on a page within a folder; the hover effect works but the Navigation Item doesn't stay in Black font. I should note that the pages within my dropdown folders are links to non-linked pages in my site. 
I am using Brine 7.0 and have some basic/intermediate knowledge of CSS. 
My ideal outcome would be (using the screenshot below):
The visitor is currently on the HOME page, which in the nav bar "HOME" is in Black font. The visitor is also currently hovering over "WHO WE ARE", which is also in Black font on the nav bar. Currently, what happens when the visitor clicks on "OUR TEAM", the visitor will be taken to that folder link (which is an anchor text within a non-linked index page) and the nav bar item "WHO WE ARE" stays in Red font. What I'd like to happen when the visitor is on this page (and others like it) is for the nav bar item to be in Black font. Is this achievable with some CSS?