After searching on Stack Overflow for a solution, I realized that the issue I am facing might be related to some modifications I made to the style.css file regarding the header. It appears that these changes have caused the hamburger menu to either be pushed off the screen or the color needs adjusting. When someone first visits my site, the menu items are displayed as words instead of a collapsed menu, and then they disappear. I am currently working on WordPress, using the Genesis framework for my website - shinwag.com
.responsive-menu-icon {
cursor: pointer;
display: none;
text-align: center;
}
.responsive-menu-icon::before {
content: "\f333";
display: inline-block;
font: normal 20px/1 'dashicons';
margin: 0 auto;
padding: 10px;
}
.site-header .responsive-menu-icon::before {
padding: 0;
}