Space / margin under logo too big + align menu to bottom of logo?

  • Question
  • Updated 4 years ago
hi! I'm wondering if anyone knows how (and where in that case) to decrease the margin under the logo area on the front page? + I'm also wondering if I can align the menu to the bottom of the logo? right now it looks like the menu is floating from the middle of the logo and out, if you know what i mean.. using autofocus 2.0.. thanks! theresa
Photo of theresita

theresita

  • 3 Posts
  • 0 Reply Likes
  • unsure

Posted 4 years ago

  • 5
Photo of hotel.lima.oscar

hotel.lima.oscar

  • 2 Posts
  • 0 Reply Likes
To move the menu, the easiest thing you can try is to play around with the margin

In style.css, under the" /* =Menu" section, look for a line that looks like this:
.menu{float:right;}

Change it to something like this:
.menu {float:left; margin:58px 0 0 -825px;}
This will align the menu on the left, just below the logo. You'll have to play around with the numbers to get it exactly right though.
Photo of pwilken

pwilken

  • 13 Posts
  • 0 Reply Likes
I tried doing this in AF 2 and it doesn't seem to make any difference to the appearance of the menu items. Do I need to edit something else for changes to take affect?
Photo of Jesse

Jesse

  • 16 Posts
  • 0 Reply Likes
Does anyone have a suggestion on the margin section of this question? I am wondering the same thing.
Photo of hotel.lima.oscar

hotel.lima.oscar

  • 2 Posts
  • 0 Reply Likes
Try adding this line in style.css
#content {margin-top:-40px;}

Not sure if this is best practice or anything, but it worked for me.
Photo of Jesse

Jesse

  • 16 Posts
  • 0 Reply Likes
Hey, it might not be the cleanest, but works well for me too! Thanks for the simple solution.
Photo of pwilken

pwilken

  • 13 Posts
  • 0 Reply Likes
I tried the suggestion of hotel.lima.oscar:

In style.css, under the" /* =Menu" section, look for a line that looks like this:
.menu{float:right;}

Change it to something like this:
.menu {float:left; margin:58px 0 0 -825px;}


but it did not have any affect. Can anyone tell me what part of the CSS I have to change to move the menu items below the a large logo? I am currently using the latest paid version of AF.