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

dhiar · January 2016

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 ?

Albert · January 2016

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; }

dhiar · January 2016

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

Albert · January 2016

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.

dhiar · January 2016

Ok. Maybe i need to customize my logo..
Thanks for your help

Albert · January 2016

You are welcome

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

Comments