Support » Theme: Customizr » Responsive menu change

  • Resolved dt125x

    (@dt125x)


    I would like to have text on the menu bar (click here for menu) and if it is possible that you could click on the whole area and not just on the small button on the right…

Viewing 11 replies - 1 through 11 (of 11 total)
  • Text: is this what you mean?

    Thread Starter dt125x

    (@dt125x)

    I added this to custom css:

    .btn-navbar {
    width:          180px;
    height:         30px;
    vertical-align: top;
    }
    
    .btn-navbar:after {
    content:        "Menu";
    float:          right;
    margin:         -16px 0 0 0;
    }

    1. It just made menu button wider but not with text “Menu” on it?
    2. And I would like more responsivenes… Some media query code?
    3. How could I bold main menus on responsive menu? Main menus should be darker than sub-menus ?

    Thanks

    .btn-navbar:after {
    content:        "Menu";
    }
    
    @media (max-width: 979px) {
    .nav-collapse .dropdown-menu a {
    font-weight: normal;
    }
    
    .nav-collapse .nav > li > a {
    font-weight: bold;
    }
    
    }

    Try this.

    About the menu text, again the problem with the quotes in your custom css .

    http://www.apartmentsinmakarska.net/?sccss=1&ver=3.8.1

    Look for the content property under .btn-navbar:after { . Can you see those & quot ; (without spaces)? Should be ”

    Thread Starter dt125x

    (@dt125x)

    I tryed to find this &qoute but in my custom css it is written like :

    .btn-navbar:after{
    content:"Menu";
    float:right;
    margin:-16px 0 0 0;
    }

    I wrote it correctly, what can be problem, maybe i should write ” on some other way ?

    Ok, but I told you how it is written in your source page. So something goes wrong with the parser.
    Are you using a plug-in to write that custom css?

    Good, I see you solved using customizr box for custom css.

    Thread Starter dt125x

    (@dt125x)

    Ok, this is it… I put css code in customizr custom css box and it works… Can you suggest me what to do with this plugin, I had some similar problems few time and I am not sure was it becouse of the plugin…

    customizr custom css box is not practical … :S

    and thanks

    Just installed, there’s this option on the right of the text-area where you put your css code, it says:

    Allow Double Quotes
    Allow Double Quotes
    Some CSS selectors use quotation marks (“). In order to allow these, it requres a small adjustment to the way the CSS is output. It is recommended that you only enable this if it is necessary.

    So.. check it

    Thread Starter dt125x

    (@dt125x)

    Solved 😉

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Responsive menu change’ is closed to new replies.