Remove Menu on Mobile

  • Author
    Posts
  • #122330

    exaclairuk
    Member
    Original poster

    Hello, I am cureently working on exaclairlimited.com, and we have opted to go with a plugin to provide a menu (WP Responsive Menu) as it suits the UX and style of the site better.

    Is there a way to disable the mobile menu provided on the Corporate theme using CSS?

    Thanks in advance for your assistance.

    The blog I need help with is: exaclairlimited.com

    #122534

    mkrdip
    Theme Author

    Hi there,

    Please use this CSS codes via Customize > CSS to remove mobile menu.

    .menu-toggle {
        display: none;
    }

    Cheers.

    #122545

    exaclairuk
    Member
    Original poster

    That’s fantastic, thank you. Now the menu has been resolved, the banner at the top doesn’t scale well on mobile. Is there a way to display a different banner at the top on mobile devices?

    Sorry i’m aware this is slightly different to the original proposition!

    Kind regards,

    #122575

    mkrdip
    Theme Author

    Hi there,

    Upload new image for mobile/smaller device view and use following CSS codes:

    @media only screen and (max-width: 1025px) {
        #header-image img {
            visibility: hidden;
        }
        #header-image {
            background-image: url("https://exaclairlimited.com/wp-content/uploads/2017/11/cropped-Header-5-1.png");
            background-repeat: no-repeat;
            background-position: center;
            height: 180px; /* Height of new image */
        }
    }

    Cheers.

The topic ‘Remove Menu on Mobile’ is closed to new replies.