change menu and logo position

  • Resolved hansklok

    (@hansklok)


    9 years, 10 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!

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

    (@ellp)

    9 years, 10 months ago

    Hello

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

    Thanks!

    Thread Starter hansklok

    (@hansklok)

    9 years, 10 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

    ellp

    (@ellp)

    9 years, 10 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.

    Thread Starter hansklok

    (@hansklok)

    9 years, 9 months 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;
}
    Thread Starter hansklok

    (@hansklok)

    9 years, 9 months ago

    I removed the first part

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

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

    ellp

    (@ellp)

    9 years, 9 months ago

    Nice! Glad to help 😀

    xerxes83

    (@xerxes83)

    9 years, 8 months 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.

    xerxes83

    (@xerxes83)

    9 years, 8 months ago

    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 ‘change menu and logo position’ is closed to new replies.