modern header

sunitasls20 · September 2014

i am using modern header, I want to centralize it instead of left, same with sticky menu

i want to give the above images effect, when i added this css

#Top_bar .top_bar_left {

width: 550px !important;

}

#Top_bar .top_bar_left {

position: relative;

float: center;!important;}

In the mobile it was not coming properly

Albert · September 2014

Hi,

please use below css to do that:

#Header .top_bar_left { width: 550px !important; margin: 0 auto; float: none !important; }

sunitasls20 · September 2014

thanks did the changes , but in iphone the header disappers

this is how it shows on iphodne

Albert · September 2014

Hope below css will help with mobile version:

@media only screen and (max-width: 768px) { #Header .top_bar_left { width: auto !important; } }

sunitasls20 · September 2014

yes perfect! also for the media css can I add background colour , as now it is showing white background

#Top_bar.is-sticky #logo img { max-height:70px; }

#Header .top_bar_left{

background-color: #B1ADAD;}

the highlighted css i used but not showing on mobile

Albert · September 2014

Do you mean to change background color for section where menu and logo are? Please try with !important declaration maybe.

Comments