Hamburger Menu has shifted to top-right after update

[Peter Lobban]

Hi
When I first installed Agama Pro, the menu on a phone was central and very visible. One of our site users has pointed out to me that it is now top-right and halfway off the page, and I think there has been an update since. Is this the cause of the problem, and is there an easy way to solve it?
Thanks

[Zex]

Hello, Peter!

Try to insert the following code into CUstomizing->General->Additional CSS:

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

Regards

[Peter Lobban]

Hi Zex
Worked perfectly – just had to change from 720px to 922px so that it stayed in the middle until the transition to the full menu. I assume that this additional CSS will remain in place when there are further updates to the Agama Pro theme?
Thanks for your help.
Regards
Peter

[Jerry]

Correct, the CSS will remain in the place on further theme updates.

Regards

• This reply was modified 3 years, 2 months ago by Jerry.

[Author]

Posts