Move social icons in header above menu items

Site URL: https://www.computehub.io/

Hi and happy new year!

I want to move the social icons in my header to above my menu icons as well as move my menu icons to the right.   I attached a photo of what I would like to do.  I am currently using custom css for the Sign Up and Login menu items to look like buttons (not using button element).

Any help would be greatly appreciated!

You mean: Menu (top) - Social (bottom)? Do you use Personal or Business Plan?

It's a business plan.  I would like it to look something like the attached image (edited in PS).

On 1/2/2021 at 6:44 AM, dmcgraw said:

It's a business plan.  I would like it to look something like the attached image (edited in PS).

Add to Home > Design > Custom CSS

.header-display-desktop {
    flex-direction: column-reverse;
    justify-content: space-between !important;
    align-items: flex-end;
}
.header-title-nav-wrapper {
    flex: 1 0 100% !important;
    width: 100%;
}
div.header-actions {
    justify-content: flex-end !important;
    margin-bottom: 20px;
}

Thanks so much this is perfect!  You rock!

On 1/6/2021 at 2:18 AM, dmcgraw said:

Thanks so much this is perfect!  You rock!

I see on tablet, "Sign up" button doesn't look good.

Try adding to Design > Custom CSS

/* Tablet sign up button */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-8af73b605800b01ab266+.row>.span-3 {
    width: 30%;
}
}