site on ipad problem logo beneath menu

Hi there,

Give this CSS a try: https://gist.github.com/generatepress/2334ed60572e551d4d5f

Adjust the 768px to whatever you need :)

Hi Tom,
Great! On tablet landscape it is working perfect.
On tablet portrait still same problem, oh and yes, I added also the css code to the media query for portrait.
So on tablet portrait the menu is above the logo. Both are in the middle of the page, just like I wanted it to be.

Thanks!

It looks like it's working for me? Or is there a specific width where it's not working?

Good afternoon Tom,
Yes on tablet portrait problem.
beneath 800 pixels: logo below the menu
beneath 768 pixels: logo below the mobile menu

Hope this is clear, thanks!

Ah, try this PHP:

add_action( 'after_setup_theme','generate_move_floating_navigation' );
function generate_move_floating_navigation() 
{
    remove_action( 'generate_before_header_content', 'generate_add_navigation_float_right', 5 );
    add_action( 'generate_after_header_content', 'generate_add_navigation_float_right', 5 );
}

Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

Then you can remove the CSS above as well.

Fantastic Tom! Problem solved :-)

Awesome :)