• Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Move primary menu up in line with Logo?

Thats what Emil has on themeid.com it is the same as your second example http://www.copyblogger.com/

NJP wrote:

At least the previous version had my menu bar at 100% width. Now it's crammed to the right.

22 Reply by NJP (edited by NJP 08-20-2012 UTC 12:28:39)

  • NJP
  • Member
  • Offline
  • Registered: 08-19-2012 UTC
  • Posts: 23

Re: Move primary menu up in line with Logo?

Cool. I'll see what I can do with that. Do you suggest that I make my logo part of the image (bg.png) that's appearing as menu bar... Is that what Emil did at themeid.com?

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Move primary menu up in line with Logo?

No, He had it just as I showed it to you. You could make the background image larger or even add a transparent part at the top if you didn't want the image starting right at the top.

Ulrich

NJP wrote:

Cool. I'll see what I can do with that. Do you suggest that I make my logo part of the image (bg.png) that's appearing as menu bar... Is that what Emil did at themeid.com?

  • Registered: 10-20-2012 UTC
  • Posts: 5

Re: Move primary menu up in line with Logo?

@tscroggs - in order to get the menu to align with the logo and preserve relative positioning (and ultimately, overall responsiveness), you need to add the following to the .menu class definition:

clear:none;

That should do it!

Cheers.

  • From: Chicago
  • Registered: 07-30-2011 UTC
  • Posts: 10,495

Re: Move primary menu up in line with Logo?

I'm working on new Theme and this is how you can also get things done:

.menu {
    position: fixed;
}

and maybe:

.menu {
    position: fixed;
    top: 10px;
}

and/or

.menu {
    position: fixed;
    left: 40%;
    top: 10px;
}

Fixed position works slightly better than let's say absolute or float.

Thanks,
Emil

rrodkin wrote:

@tscroggs - in order to get the menu to align with the logo and preserve relative positioning (and ultimately, overall responsiveness), you need to add the following to the .menu class definition:

clear:none;

That should do it!

Cheers.

Emil Uzelac's Website

  • Registered: 12-20-2012 UTC
  • Posts: 2

Re: Move primary menu up in line with Logo?

Thank you!
This is very useful.

I'm trying Responsive Theme , I love it!
So I moved the menu at the right of the logo, but the dropdown goes out of the browser window,
on the right side, cause a page in the top menu has several subpages.
Is there an easy way to have the dropdown list expand to the left, instead that to the right?
My english is not perfect so I post a sample of what i would love to achieve:

https://dl.dropbox.com/u/4346979/sample.gif

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Move primary menu up in line with Logo?

Try this.

.menu li li:hover > ul {
    left: -100%;
}

What do you think of the Italian translation of the theme?

You need to complete the installation of WordPress on your site otherwise someone else can complete it and you lose control over it.

Ulrich

  • Registered: 12-20-2012 UTC
  • Posts: 2

Re: Move primary menu up in line with Logo?

Thank you grappler!
The css works like a charme.

Thank you also for your suggestion about wordpress, that's my fault cause I forgot to renew the database and the site broke up.
In 24 hours it should be on again.

About the italian translation of the theme:
it's very good, but looks like some parts are missing.

I just saw that you have a page for translations, I'm gonna help you right now with the missing strings.

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Move primary menu up in line with Logo?

Thats great thanks, I have accepted your request you start to complete the translation. Look forward to it.

Ulrich