WordPress.org

Support

Support » How-To and Troubleshooting » How do I insert my LOGO between two pieces of menu?

How do I insert my LOGO between two pieces of menu?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Go to your style.css

    and change the following code to :

    .aligncenter {
    display: block;
    margin: 5px auto;
    position: relative;
    bottom: 110px;
    }
    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Remove anything that’s not within <li> elements while inside of your <ul>, otherwise your code is not valid and will likely cause formatting errors.

    I’d move the image just above your menu’s <ul>, and use this code;

    #mainmenu-menu {
     margin-bottom: 300px;
     top: 100px;
    }
    
    img.wp-image-192 {
     position: absolute;
     left: 380px;
     /* Add some top: styles if you want */
    }

    Hello Andrew and thanks again for the help.

    Should I add that in the Custom CSS Manager you gave me last night?

    @neichan

    I have no such thing in my CSS.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Yes, the Custom CSS section should hold all of your CSS modifications.

    Added. But now the menu is gone. This is what the custom CSS looks like now:

    #mainmenu-menu {
     margin-bottom: 300px;
     top: 100px;
    }
    
    img.wp-image-192 {
     position: absolute;
     left: 380px;
     /* Add some top: styles if you want */
    }
    ul#mainmenu-menu li.menu-item:nth-child(2),
    ul#mainmenu-menu li.menu-item:nth-child(3) {
     display: block;
    }
    
    ul#mainmenu-menu li.menu-item:nth-child(2) {
     margin-right: 125px;
    }
    
    ul#mainmenu-menu li.menu-item:nth-child(3) {
     margin-left: 125px;
    }
    
    #mainmenu {
     margin: 0;
    }
    
    #mainmenu.scaled ul#mainmenu-menu {
     display: table;
    }
    
    #mainmenu.scaled li.menu-item {
     display: inherit;
     float: left;
    
     background: rgb(247,247,247);
     background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
     background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
     background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
     background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
     background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 );
    }
    #mainmenu.scaled ul#mainmenu-menu {
     margin: 0 auto;
     border: 0;
     background: none;
    }
    Moderator Andrew Nevins

    @anevins

    Forum moderator

    I’m sorry, feel free to remove that code I suggested.

    Is it better to add a code in the CSS file or should I add it in a php file?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How do I insert my LOGO between two pieces of menu?’ is closed to new replies.
Skip to toolbar