Premium WordPress Themes and Support

Home Forums General WordPress Replace responsive menu to something more fancy

This topic contains 1 reply, has 2 voices, and was last updated by  Nick 2 years, 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #3773

    Malinka
    Participant
    WP Private
    Post count: 25

    Hi

    Here’s a tip how to replace the responsive menu.
    Here you can see the end result:
    http://192.185.30.204/~wpwoo/

    Use Plugin https://wordpress.org/plugins/responsive-menu/

    This is the CSS of the menu you want to hide once the responsive menu shows –
    .responsive nav.art-nav, .responsive .art-nav-inner

    In Additional HTML Content Settings
    <div id=”mobile-fast-buttons”>
    <span>Ring oss</span>
    <span>E-mail</span>
    <div class=”clear”></div>
    </div>

    Css to style Phone and Email image:

    #mobile-fast-buttons a {
    background-image: url(“images/fast_button_phone.png”);
    background-repeat: repeat;
    color: #000000;
    float: left;
    height: 42px;
    padding: 0;
    text-align: center;
    width: 50%;
    }
    #mobile-fast-buttons a span {
    background: url(“images/mobile-fast-buttons.png”) no-repeat scroll 6px 6px rgba(0, 0, 0, 0);
    display: block;
    margin: 0 auto;
    padding: 11px 0 11px 15px;
    width: 100px;
    }
    #mobile-fast-buttons a.mobile-email {
    background-image: url(“mages/fast_button_email.png”);
    background-repeat: repeat;
    }
    #mobile-fast-buttons a.mobile-email span {
    background-position: 6px -53px;
    }
    .clear {
    clear: both;
    }

    Best Regards
    Malinka

    #3774

    Nick
    Keymaster
    WP Colonel
    Post count: 711

    That’s very cool, thanks for sharing… I will try it over the weekend…

    Since we are talking about menus, checkout my latest find, Max Mega Menu – https://wordpress.org/plugins/megamenu/ Checkout the video… it’s very powerful and very easy to use once you get to know the basics.

    A plugin similar to yours is shiftnav-responsive-mobile-menu – https://wordpress.org/plugins/shiftnav-responsive-mobile-menu/ this makes the responsive menu to be an off canvas menu, I wonder if both plugins can coexist, I never tried that.

    I’m pretty good with Max Mega Menu, so if you run into trouble, just ask…

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.