Make width logo fit in same alignment with menu (classic style header)

edited January 2016 in Menu / Mega menu
Hi,
I'm choosing classic style for my header.

It looks perfect with 1:1 logo.. But for my other logo, it makes the position of menu bar under the logo (tablet /ipad view). Even i've already made it same as your dimensions logo 193 x 42..
Please check out the note in this image http://www.gds.or.id/en/?attachment_id=3485

Can you please tell me how to put my logo same row / alignment in the menu ?

Comments

  • Hi,

    on some devices, there is not enough space for the menu items and logo to be in one line together. So what you can do, is decrease padding between menu items:
    #Top_bar .menu > li > a span:not(.description) { padding: 0 15px !important; }
  • Thanks for your response,

    Which part i must put the css ?

    I already put it in beTheme option - custom css & js

    /* --- Header & Top bar --- */
    #Top_bat .menu > li > a span:not(description) { padding:0 15px !important; }
    #Top_bar .search_wrapper .icon_search { color: rgba(255, 255, 255, 0.5); }

    @media only screen and (max-width: 767px) {
    #Top_bar .top_bar_right { display: none; }

    }

    And still nothing change with my front page..
  • You should put it under Theme options > Custom CSS & JS > Custom CSS section. Above css works on 100% so if it does not work on your side, it means you did something wrong.
  • Ok. Maybe i need to customize my logo..
    Thanks for your help
Sign In or Register to comment.