Archived topic

Floating logio above vs below with transparent background

4 replies · Started by Tim on March 16, 2020

Viewing posts 1–5 of 5

March 16, 2020 at 8:06 pm #1196881

Hi,
I would like to build a header similar to this site (https://www.sutrads.com/). I would like to have aspace above the main nav bar with logo floating above the nav bar.

Also the logo scales down correctly but does not scale up smoothly. The site I need assistance with is https://www.midcitiesdentist.com/.
Thanks!

March 17, 2020 at 12:26 am #1196976

Hi there,

can you first enable the Merge with Content option in the Header Element, then i can help with the CSS.

March 17, 2020 at 8:58 am #1197532

HI David,
Element is merged per your request. Would it be possible to also allow changing of transparency to the header BG color?
Thanks!

March 17, 2020 at 3:04 pm #1197786

Ignore transparency request.

March 17, 2020 at 3:24 pm #1197796

Hi there,

Try this:

#site-navigation {
    margin-top: 50px;
}

Then, replace this:

.navigation-branding img, .site-logo.mobile-header-logo img {
    position: absolute;
    height: 120px;
    top: 0;
}

With this:

.navigation-branding img, .site-logo.mobile-header-logo img {
    position: absolute;
    height: 120px;
    bottom: 0;
}

This archived topic is closed to new replies.

Start building better websites today.