Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #120335
    catchthemeuser
    Participant

    Hi,
    I am using Catch Box and just upgraded to the latest version (4.7.1). After upgrading, when you click on the “Menu” button in mobile view, the main menu is displayed below the menu rather than flying in from the left as it did in the previous version. Is there a way to change the menu back to fly in from the left. It is much easier to read.

    Thanks!

    #120336
    catchthemeuser
    Participant
    #120364
    Mahesh
    Keymaster

    @catchthemeuser: Its because of the custom CSS. Please remove the following CSS. Please remove it.

    #branding #access ul.menu {text-align: center;}
    #branding #access ul.menu li { display: inline-block; float: none; }
    #branding #access ul.menu a { display: block; float: none;}

    Regards,
    Mahesh

    #120428
    catchthemeuser
    Participant

    Thank you! Deleting the custom CSS worked, but it was there to center the main menu. Is there different custom CSS that will center the main menu across the top AND work with the mobile menu?

    #120443
    Mahesh
    Keymaster

    @catchthemesuser: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    @media
    screen and (min-width: 961px) {
    #access ul.menu {
    text-align: center;
    }

    #access ul.menu li {
    float: none;
    display: inline-block;
    }
    }

    Regards,
    Mahesh

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile menu style\location changed with upgrade’ is closed to new replies.