Search Bar Not Working (Mobile and Incognito)

Hello, I apologize in advance if my question can be answered looking through the forums but they don't seem to be loading well when I search. Also, I understand that I should disable all plugins to test this, but I just wanted to quickly see if there was something I am overlooking before going through all of that trouble.

Issue: On mobile, the search bar doesn't work. On desktop, it seems to work on occasion. It doesn't seem to work in incognito either (desktop and mobile). Any reason why it doesn't want to work on mobile? I am guessing it is a plugin issue since incognito mode tends to break the site, but was wondering if you could tell based on the custom CSS and anything else you see.

/* GeneratePress Site CSS */ .main-navigation a {
letter-spacing: 1px;
}

.featured-image img, .post-image img {
border-radius: 8px;
}

.drop-shadow {
box-shadow: 0px 0px 20px rgba(200, 200, 200, 0.2);
}

.round-top-corners img {
border-radius: 8px 8px 0px 0px;
}

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
color: rgba(72,45,112,1.0);
border: 3px;
border-style: solid;
line-height: 36px;
border-radius: 2px;
margin-left: 20px;
transition: all 0.6s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:hover {
color: rgba(72,45,112,0.8);
}

.single .inside-article p a {
font-weight: bold;
text-decoration: underline;
}

.cta-link a {
color: #fff!important
}

.sticky-container > .gb-inside-container {
height: 100%;
}

.sticky-element {
position: sticky;
position: -webkit-sticky;
top: 48px;
}

.sticky-floater {
position: fixed;
position: -webkit-sticky;
bottom: 0;
}

@media(min-width: 769px) {
.inside-right-sidebar {
position: sticky;
top: 100px;
}
}

@media(min-width: 769px) {
.inside-left-sidebar {
position: sticky;
top: 60px;
}
}