[brooks]

Hi, is it possible with some custom CSS to center the main logo and also place the primary menu underneath, also centered?

[Skandha]

@brooks: Hello there,
Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[brooks]

http://passionofthepotato.com

I’m not sure I’d call it an “issue,” as I realize the theme is designed to show a smaller logo in the upper left with the menu to it’s right, but I realized I could do a large logo. It’s just that when you do that, the menu is to the right and depending on the size of the window, it will wrap to the next line, but also be flush left. I’de love for the whole thing to be centered with the menu below the logo.

Thanks!
Brooks

[Skandha]

@brooks: Hello Brooks,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#site-header-menu {
    margin: 0 auto;
}
.site-branding {
    max-width: unset;
}

Let me know if this works out!
Kind Regards,
Skandha

[brooks]

It’s definitely better. It looks correct as long as the window size doesn’t get too big.

I’m viewing on a 5K monitor and it stays centered until the window gets past about 2/3 the width of the screen, but on my laptop it works full screen…

NOW. 🙂 Is there a way to stop it from turning into the “menu” pull down when the window gets smaller?

I appreciate the hard work you do on these forums, by the way. I’ve already fixed some other things just by reading some of your older posts.

Thanks!
Brooks.

[Skandha]

@brooks: Hello Brooks,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-branding {
    display: block;
    width: 100%;
}
.custom-logo {
    margin: 0 auto;
}
#primary-menu-wrapper .menu-toggle-wrapper {
    display: none;
}
#primary-menu-wrapper  .menu-inside-wrapper {
    position: static;
    visibility: visible;
    background: transparent none repeat scroll 0% 0%;   
    opacity: 1;
}
.main-navigation li {
    display: inline-block;
}
.main-navigation a {
    padding: 14px;
}

Let me know if this works out!
Kind Regards,
Skandha

[brooks]

Thanks for all of this…That worked on the menu, but I just can’t seem to get the logo to center.. It’s really still on the left for some reason, but unless that’s something simple to fix, I might just have to live with it.

http://passionofthepotato.com

Thanks!
Brooks.

[Skandha]

@brooks: Hello Brooks,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-branding {
    min-width: 100%;
}

Let me know if this fixes the logo issue.
Kind Regards,
Skandha

[brooks]

Yes! I think you have done it! You are a great source of information, Sir.

Thanks again!
Brooks.

[Skandha]

@brooks: Hello Brooks, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/photofocus/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts