Positioning mobile menu twenty twelve

Do you have a child theme or custom CSS set up? You should not be making any changes in theme files- especially in the default theme.

I’m using a child-theme of course..

Great – just checking :). What have you tried? A link to your site would be helpful too.

Ok, the url is https://bit.ly/RhQNyQ I’ve tried a view things with the @media code and then absolute positioning. But this doesn’t work. I cant find any other code special for the mobile menu.

Try using “float: right;” and a negative top margin for the desktop styling. That seems to work better in Firebug – though you’ll need to test it fully on your live site.

Also, note that you have two CSS sections for the navigation in your child theme – so you probably want to get rid of one of them — so you don’t have conflicting, unnecessary code in there.

After changing the code like you said, it was a lot better. But on my cellphone the men-button was still in the header. So I’ve kept puzzling and found something in the original style.css, with this code and your code combined, I’ve got my solution. The code I’ve added is

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	#site-navigation {float:right;margin-top:-30px;}
}

Thanks for thinking with me, that usually gets me to a solution.

Yes, that’s what I had in mind too – should have been more specific – but you’re on top of it, clearly :)! Looks good. And BTW, your English is super – I would not even have guessed it’s not your first language.