WordPress.org

Support

Support » Themes and Templates » Fruitful » [Resolved] change menu and logo position

[Resolved] change menu and logo position

  • The current menu on my website is setup as following:
    Logo is aligned to the left
    Menu is aligned to the right
    To see how it looks now, please see this link
    I have also added a picture of how I want it to look.
    For example, check these sites (found in fruitful theme examples):
    example 1example 2
    As you see, the menu in these sites is aligned to the bottom. Also if it’s possible, I would like to see the menu ‘stretched’ to the logo, so it covers the whole white space between menu and logo. Please advice if this is possible! Also I would like to say thanks for making such a great theme free and available to everyone!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hello

    Can you send you site link? Is easy to see what can be done 🙂

    Thanks!

    hello

    the site address is beermanbeerman.nl

    Thanks in advance!

    edit: also I still need to change the logo to a more suitable size, for example 150 height 250 width

    Hello again!

    Install this plugin:

    http://wordpress.org/plugins/simple-custom-css/

    And paste this code:

    .main-navigation{
    	position:relative;
    	top:108px;
    }
    
    .main-navigation ul:not(.sub-menu) > li > a, .main-navigation ul:not(.sub-menu) > li:hover > a{
    margin-left:50px;
    }

    About the logo: resize the logo and re-upload to your theme.

    Hope it helps.

    hi, i forgot to reply but have been working around with your code and got it to work! i just want to say thank you very much!

    this was the code i used in the end:

    .main-navigation ul:not(.sub-menu) > li > a, .main-navigation ul:not(.sub-menu) > li:hover > a{
    margin-left:0px;
    }

    I removed the first part

    .main-navigation{
    	position:relative;
    	top:108px;
    }

    and changed the margin-left to 0. then it worked.

    Nice! Glad to help 😀

    Hi. Having the same problem. I tried to copy paste the css but with no luck. Im not good at this and first time home page maker.

    My logo is on the left side but over the menu bar. I would like to aligne them. like in example 1.

    Hi. I figured it out… I just had to resize the logo. Thanks anyway!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] change menu and logo position’ is closed to new replies.
Skip to toolbar