move logo above navigation menu

Home Forums Spacious Free move logo above navigation menu

This topic contains 3 replies, has 3 voices, and was last updated by  Bishal Napit 4 years, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1183811

    onthemarkphoto
    Participant

    hello,
    I have the navigation menu centered with custom css coding, but i need it underneath my logo. Right now it’s being pushed to the right side because of the logo image i believe. my website is https://mcelroyfineartphotography.com/
    can you please take a look at it and let me know if that is what the problem is and what i need to do to fix it. thanks so much.

    #1183896

    Bipin Singh
    Moderator

    Hi,

    To display the navigation menu below the logo you can try the following code, paste it in Custom CSS in Theme Options-> Design tab:

    #header-left-section {
        float: none;
    }
    #header-logo-image {
        float: none;
    }

    Hope this helps. Please help us by rating our theme in WordPress repo here: https://wordpress.org/support/view/theme-reviews/spacious
    We will really appreciate it.

    Thank you.
    Enjoy!!

    #1183924

    onthemarkphoto
    Participant

    ok great! that got my navigation menu under my logo, but my logo is still on the left side of the page instead of centered in the middle of the page. here is what i have on my custom css.

    #main {
    padding: 0;
    }
    .single .header-image, .page .header-image {
    display: none;
    }

    .header-post-title-container {
    display: none;
    }
    #header-right-section {
    float: none;
    text-align: center;
    }
    .main-navigation {
    float: none;
    padding-top: 20px;
    }
    .main-navigation li {
    display: inline-block;
    float: none;
    }
    #masthead .small-menu {
    float: right;
    }
    .menunav-menu {
    width: 100%;
    }
    #header-logo-image {
    margin-bottom: -15px;
    margin-top: -20px;
    }

    .footer-socket-wrapper .copyright {
    display: none;
    }
    #colophon .widget, .tg-one-fourth.tg-one-fourth-last.tg-column-4 {
    padding-bottom: 0;
    }
    #header-left-section {
    float: none;
    }
    #header-logo-image {
    float: none;
    }

    Please help, this is the last big thing before i put my website out and get business cards and everything. thank you so much!!

    #1184055

    Bishal Napit
    Moderator

    @onthemarkphoto

    Paste this CSS code in the Custom CSS Box provided through the Theme Options Panel:-

    #header-logo-image {
      margin: 0 22%;
    }

    Hope this works.
    Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.