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, 5 months ago.

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

    WP Private
    Post count: 25


    Here’s a tip how to replace the responsive menu.
    Here you can see the end result:

    Use Plugin

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

    In Additional HTML Content Settings
    <div id=”mobile-fast-buttons”>
    <span>Ring oss</span>
    <div class=”clear”></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 {
    background-image: url(“mages/fast_button_email.png”);
    background-repeat: repeat;
    #mobile-fast-buttons span {
    background-position: 6px -53px;
    .clear {
    clear: both;

    Best Regards


    WP Colonel
    Post count: 721

    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 – 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 – 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.