« See all FAQs for Lotus, Flexible Multipurpose & Responsive WP Theme

I have large logo in width. how can i display logo in above row and menu bar on second row?

Just go to Lotus option panel, in General tab, paste the following code in “Custom CSS Code” field. Then save all options. That’s it.


@media only screen and (min-width: 768px) { 
    header#siteheader { text-align: center; }
    header#siteheader > .container { width: 100% !important; }
    header#siteheader #logo { display: block;  }
    header#siteheader #logo .logo_inner { margin: 0 auto; }
    header#siteheader #logo .logo_inner hgroup { display: none; }
    header#siteheader #logo .logo_inner > a { top: 18px; position: relative; display: block; height: 80px; }
    header#siteheader nav { position: relative; width: 100%; float: left; height: 85px; margin-bottom: 35px;
 border-bottom: 1px solid #eee; }
    header#siteheader .sf-menu { float: none; display: inline-block; *display: inline; }
}

by
by
by
by
by
by