Tri-Fred
commented
1 month ago Adding this pop-up caused some issues however, as the general styling for the pop-up's subscribe button was just: "button". This then had an effect on the other "button" element that utilized a "button", the navigation bar's search feature. Changing the generic button styling had moved the search features "Search" (Enter/execute) button below the text box, in the same style as the newsletter pop-up. To counter this issue, I specified which element I wanted to change the styles for, changing the CSS style from "Button" to "subscribeForm Button". This did not work however, and the issue persisted. Because this fix didn't work, I decided to comment out the navigation bar's search feature, with the intention of fixing the issue and adding it back into the website at a later date.
I decided to add a newsletter pop-up, for users to sign-up to get email updates about future discounts and locations that are being added to the site. To do this, I reused code from one of my older projects, and adjusted the sizing, color scheme and font to suit the rest of the site. This newsletter pop-up shows after the page has been open for around 30 seconds, and has an email input box, as well as a close button. This pop-up was originally based on this YouTube video: https://www.youtube.com/watch?v=TVxkMqDHMrE