Front Page: Logo and Main Menu NOT Centred

[sweetsorella]

Fresh install v1.1.14

site: dev.sweetsorella.com

Front Page: Logo and Main Menu NOT Centred (only this page is affected!!)

Header: Center + topbar

What CSS could I use to override this??

Note: That with using the supplied CSS previously, the logo and main menu works perfectly on all the other pages (blog and product)

Custom code:

/* Increase the size of the logo (desktop) */
.navbar-brand img {
    max-height: 200px;
    padding: 0px 0;
}

/* Center main menu (desktop) */
.navbar-nav > li {
    float: none !important;
}

/* Remove the gap from the top of the logo */
.header-default-center .navbar-wrap>.navbar-header {
    position: relative;
    text-align: center;
    z-index: 1;
    padding: 2px 0;
}

/* Increase the size of the logo (mobile) */
.navbar-brand .logo-mobile {
    max-width: 160px !important;
}

Attachments:

You must be logged in to view attached files.

Add New Note to this Reply