WordPress.org

Forums

How do I insert my LOGO between two pieces of menu? (9 posts)

  1. dorinspoaller
    Member
    Posted 2 years ago #

    http://risto.torox.ro

    With the help of a forum Admin I managed to split the menu in 2, now I need to get the logo in between the two pieces. Do you guys have any ideas on how to proceed?

  2. neichan
    Member
    Posted 2 years ago #

    Go to your style.css

    and change the following code to :

    .aligncenter {
    display: block;
    margin: 5px auto;
    position: relative;
    bottom: 110px;
    }
  3. Andrew
    Forum moderator
    Posted 2 years ago #

    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 */
    }
  4. dorinspoaller
    Member
    Posted 2 years ago #

    Hello Andrew and thanks again for the help.

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

  5. dorinspoaller
    Member
    Posted 2 years ago #

    @neichan

    I have no such thing in my CSS.

  6. Andrew
    Forum moderator
    Posted 2 years ago #

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

  7. dorinspoaller
    Member
    Posted 2 years ago #

    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;
    }
  8. Andrew
    Forum moderator
    Posted 2 years ago #

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

  9. dorinspoaller
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags