Reply To: The main menu looks bad on mobile

[Zex]

Hi,

If you don’t want it centered, remove this part from your previously added custom CSS code:

/*Hamburger menu center*/
@media screen and (max-width: 560px){
#masthead .pull-left,
.mobile-menu-icons{
display:flex!important;
float: none!important;
justify-content: center!important;
position: relative;
margin-bottom: 20p
}
.mobile-menu-icons{
top:20px!important;
min-height: 30px!important;
    width: 100%!important;
}
 .mobile-menu.collapse{
    top:150px!important;
 }
}

https://prnt.sc/sl3pt0

Also I see you still have the open/close animations.
Please replace the code I gave you earlier with the next one:

/*Turn off the hamburger menu open/close animation*/
.toggle--elastic .mobile-menu-toggle-inner::before,
.toggle--elastic.is-active .mobile-menu-toggle-inner::after,
.toggle--elastic .mobile-menu-toggle-inner::after,
.mobile-menu-toggle-inner{
    transition:none!important;  
}

As for the submenu on the mobile view problem,
There is a small conflict with the Gold Addons Plugin, so if you want to use the Gold Addons plugin with the theme, you need to insert the following code into Customizing->general->Additional CSS:

/*Gold addons conflict fix*/
.collapse.in {
    display: block!important;
}

Regards