Essential header alignment

Essential header alignment

by mart van der niet -
Number of replies: 8

How can I align the dropdown menu's in the header?

It seems that the right hand side menu's are one row lower than the left hand side (see image)

 (Essential v 2014122400)

Thanks in advance!

Attachment Untitled-1.png
Average of ratings: -
In reply to mart van der niet

Re: Essential header alignment

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Not happening for me above the navbar collapse threshold:

Attachment 2015-01-31 11_16_50-Course_ Topics.jpg
In reply to Gareth J Barnard

Re: Essential header alignment

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

What is the value of the 'pagewidth' setting?

In reply to Gareth J Barnard

Re: Essential header alignment

by mart van der niet -

Variable width

Setting to Fixed width - Normal does not remove the problem

I see that my header differs from yours....

Attachment header.png
In reply to mart van der niet

Re: Essential header alignment

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Any custom CSS?

Is the site public?

Same header layout, slightly newer version, more navbar content, narrow layout, no changes to CSS:

Attachment 2015-01-31 12_28_54-Course_ Topics.jpg
In reply to Gareth J Barnard

Re: Essential header alignment

by mart van der niet -

Yes, but removing all custom css does not solve the problem.

Reinstalling the essential.css to make sure no accidental changes have occurred: no change

You can have a look here.

In reply to mart van der niet

Re: Essential header alignment

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

If you look you will probably see that the <div id="custom_menu" ><ul> tag is taking up all the space left in the header, so try setting a width for the custommenu something like...

#custom_menu ul { float: left; width: 75%;}

That should allow the message and user menus, which are floated to the right, space to land after the custommenu. At the moment they are being pushed down.