Skip to content
Catch Themes Logo

Catch Themes

Premium Responsive WordPress Themes with advanced functionality and awesome support. Simple, Clean and Lightweight Responsive WordPress Themes

  • Home
  • FSE Pro Plugin
  • Themes
  • Features
  • Hosting
  • Support
  • Blog
  • My Account

Center logo and primary menu

Support Forum Photofocus | Free WordPress Theme

Tagged: css, logo, menus

  • This topic has 9 replies, 2 voices, and was last updated 1 year, 10 months ago by Skandha.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 16, 2021 at 4:35 am #286477
    brooks
    Participant

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

    July 16, 2021 at 7:36 am #286484
    Skandha
    Participant

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

    Kind Regards,
    Skandha

    July 16, 2021 at 3:21 pm #286502
    brooks
    Participant

    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

    July 17, 2021 at 3:21 am #286530
    Skandha
    Participant

    @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

    July 17, 2021 at 4:45 am #286533
    brooks
    Participant

    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.

    July 19, 2021 at 2:30 am #286618
    Skandha
    Participant

    @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

    July 19, 2021 at 4:22 am #286621
    brooks
    Participant

    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.

    July 19, 2021 at 5:37 am #286624
    Skandha
    Participant

    @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

    July 19, 2021 at 4:18 pm #286638
    brooks
    Participant

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

    Thanks again!
    Brooks.

    July 19, 2021 at 11:57 pm #286659
    Skandha
    Participant

    @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
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Center logo and primary menu’ is closed to new replies.

Support Forum Instructions

Use the search box below to search for your answer and also check out theme instructions at Theme Instructions before posting question here.

When you post in your question, please don't forget to post in your site URL. If you have issue in posting question here in forum then check out screencast from our YouTube channel.

Notice: Support Forum Now Requires User Moderation to Avoid Spammers

Search Forums

Popular Themes

Bold Photography Pro

Buy Now

Audioman Pro

Buy Now

Catch Fullscreen Pro

Buy Now

Fotografie Pro

Buy Now

Rock Star Pro

Buy Now

Catch Responsive Pro

Buy Now
Hire a Customizer

Recent Topics

  • No site header on mobile phone
  • Title Space Removal
  • YouTube & Instagram URL’s
  • Remove the search button in ‘Cath Fullscreen’
  • Effacer ‘Voir plus’ button er ” Aller personaliser le theme”
  • Manually importing demo content files for Clean Portfolio (free) theme
  • Where is License Key field?
  • Re-order Theme Options
  • How to remove the redundant search box from pages
  • Tiktok Icon Missing
  • How can i go from a button to a especific part off de homepage
  • Demo Content
  • 2 problems with menu Lensation
  • Short code and WPForm not working in WP
  • Transparent headers, menus, posts
  • DEMO Import Error: Reason: 403 – Forbidden.
  • Catch Responsive Theme – no mobile menu
  • Shortcodes in homepage
  • Website thumbnail not working
  • Updating failed. The response is not a valid JSON response.
  • Refund This plugin.
  • Short Code Stopped Front Page
  • Media Queries for home page
  • TĂ©moignages
  • White Screen
  • Missing theme customization option
  • can’t set static homepage since can’t assign frontpage
  • Blog posts show no date or clickable title
  • Colour change
  • Assigning order to Featured Content using Post Category

Popular Tags

background blog catch box catch everest category child theme Color comments css Excerpt featured content featured image featured slider font footer header header image Home Page homepage image images layout logo menu mobile navigation padding page portfolio post posts responsive search sidebar Simple Catch site title slider theme title update widget widgets width woocommerce wordpress

Featured Posts

  • Best Free WordPress Block Themes for Full Site Editing for 2022
  • 40+ Best Free Business WordPress Themes for 2022
  • 30+ Best Free WordPress Themes for 2022
  • 25+ Best Free Music WordPress Themes for 2022
  • Our Top 10+ Free and Premium Photography WordPress Themes Collection 2022
  • Our Free and Premium Music WordPress Themes Collection

Donate Now

Click on the Donate button below to Support Free Themes, Free Plugins, and Free Support. All donations are used for the development and improvement of free themes, plugins, and support. Thanks for your contribution.
  • Home
  • About Us
  • Contact Us
  • Join Our Team
  • Terms & Conditions
  • Privacy Policy
  • Facebook
  • Twitter
  • Linkedin
  • Scroll Up
  • Pinterest
  • Youtube
  • Instagram
© 2012 - 2023 Catch Themes: Premium WordPress Themes. All rights reserved.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Cookie settingsGot it!
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT