Site logo

Archived topic

Is there a way to get my menu, logo to look like this?

17 replies · Started by Heath on August 30, 2021

Viewing posts 1–15 of 18

Hi Heath,

Are you trying to add borders?

Can you link us to the site/page in question where you're trying to apply this on? Let us know.

Yeah I want to see if there is a way to make it look exactly the same as the screenshot below.

https://ibb.co/4PKtLYc

Hi Heath,

Give this CSS a try:

@media (max-width: 768px) {
.site-header-row-container-inner {
    border: 1px solid #000000;
    margin: 1px;
}

.site-header-main-section-left.site-header-section.site-header-section-left {
    border-right: 1px solid #000000;
    justify-content: center;
}

.site-header-main-section-right.site-header-section.site-header-section-right {
    border-left: 1px solid #000000;
    justify-content: center;
}

.site-header-row-container-inner .site-container {
    padding: 0;
}
}

This is not working.

The CSS is for mobile.

Are you trying to apply the layout for desktop as well or just desktop?

Yes to both. It isn't showing up on mobile though.

Your header setting has been different from this morning when I looked at it, so the CSS won't work anymore.

Can you go to customizer > layout > Primary navigation, set the navigation location to Float right instead of Below header?

And you don't have a cart icon, do you want the space to be filled with the search icon?

Yeah I do not have a cart icon and would prefer to have the search icon there but the option for the cart icon later.

I dont believe I changed anything from my header except the color.

Yes that is the site header I want changed. I have switched the theme back to GP.

Can you clear cache?
It's still not using GP.

Thanks!

I cleared cache or at least think I did.

It's back to GP now :)

Can you tick the use navigation as header box at customizer > layout > header?

Done. It's looking closer to how I want it but I want the boxes around it with the menu on one side and the search on the other with the logo in the middle.

This archived topic is closed to new replies.