WordPress.org

Ready to get started?Download WordPress

Forums

Fruitful
[resolved] change menu and logo position (9 posts)

  1. hansklok
    Member
    Posted 2 months ago #

    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!

  2. ellp
    Member
    Posted 2 months ago #

    Hello

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

    Thanks!

  3. hansklok
    Member
    Posted 2 months ago #

    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

  4. ellp
    Member
    Posted 2 months ago #

    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.

  5. hansklok
    Member
    Posted 1 month ago #

    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;
    }
  6. hansklok
    Member
    Posted 1 month ago #

    I removed the first part

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

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

  7. ellp
    Member
    Posted 1 month ago #

    Nice! Glad to help :D

  8. xerxes83
    Member
    Posted 1 week ago #

    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.

  9. xerxes83
    Member
    Posted 1 week ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.