[Resolved] site on ipad problem logo beneath menu

[Damiaan van Vliet]

Hi Tom,
On a site which I developed has a problem on a tablet. I see the logo beneath the menu but I want the logo above the menu.
Because the site is still in maintenance I can send you login details.
I don’t know why this is happening. Do you have an idea?

Thanks!

[Tom]

Hi there,

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

Adjust the 768px to whatever you need 🙂

[Damiaan van Vliet]

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!

[Tom]

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

[Damiaan van Vliet]

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!

[Tom]

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.

[Damiaan van Vliet]

Fantastic Tom! Problem solved 🙂

[Tom]

Awesome 🙂

[Author]

Posts