Okay
  Public Ticket #1846920
TAB's and Hamburger menu
Open

Comments

  • Bas started the conversation

    Hi,

    I have two questions (see attachment pdf)
    1. About to change the hamburger menu layout
    2. About to change the TABS layout

    Hope it's clear what I mean in the pdf. Thanks 

    BR Bas

    Attached files:  Happyheadz custom 1.pdf

  •  1,250
    Qode replied

    Hello Bas,

    1. Unfortunately there is no option to achieve same design. You can set circle background and change colors with this snippet in  Qode Options>General>Custom Css:

     .side_menu_button span.icon_menu {
        background-color: #111111 !important;
        padding: 4px !important;
        border-radius: 50px !important;
        color: #ffffff !important;
    }

    2. Add this snippet to Qode Options>General>Custom Css:

    .qode-advanced-tabs .qode-advanced-tabs-nav {
        width: auto !important;
    }
    

    Best regards,

    Daniel


    Customer Support

    Sign up for our newsletter :)

  • Bas replied

    Hi thanks,

    Can't I replace it with a image? Now it's used for Font elegant. Is it also for Font Awesome?

    BR Bas 

  •  1,250
    Qode replied

    Hello,

    You can upload image to media library, use url of image and use image url in the following snippet you can add in Qode Options>General>Custom Css:

    .side_menu_button .fa-navicon:before, .side_menu_button .fa-reorder:before, .side_menu_button .fa-bars:before {
        content: url("your-url") !important;
    }
    

    Best regards,

    Daniel


    Customer Support

    Sign up for our newsletter :)

  • Bas replied

    Hi,

    Thanks it works.. But now I have the same icon when I want to close the FS section. For this I have this icon

    Hamburger-menu-icon-2.png

  •  1,250
    Qode replied

    Hello,

    Add two different images to library and add the following snippet:

    .side_menu_button a {
        content: url("image_url_1")  ;
        width: 80px;
        height: 80px;
    }
    .popup_menu_opened  .side_menu_button a {
        content: url("image_url_2")  ;
        width: 80px;
        height: 80px;
    }
    

    Add your own image links and define dimensions width and height as actual image dimensions.

    Best regards,

    Daniel


    Customer Support

    Sign up for our newsletter :)

  • Bas replied

    Hi Daniel,

    It works. Many thanks!

    BR Bas

  •  1,250
    Qode replied

    You're welcome.

    Best regards,

    Daniel


    Customer Support

    Sign up for our newsletter :)