[Resolved] Slideout menu on bottom

[Bernhard]

I changed provider and went to siteground, activated their optimization tools and cloudflare.
Now the slideout menu shows in the bottom both desktop and mobile version and the css seems not to work anymore.
I controlled the site on the old server and there everything is ok.
The additional css used is:

/* Blocksatz */
.entry-content p
	{text-align: justify;}
/* Line break before title */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both}
@media (max-width: 768px) {
    #right-sidebar {
        display: none;
    }
}
.generate-back-to-top,
.generate-back-to-top:visited {
    border-radius: 25px; /* how round the button is */
    line-height: 50px; /* how tall it is */
    width: 50px; /* how wide it is */
}
.generate-back-to-top {
    font-size: 30px;
    background: #931b31;
    color: #ffc233;
}
.generate-back-to-top:hover,
.generate-back-to-top:focus {
    background: #F6B432;
    color: #FFFFFF;
}
.menu-item .dashicons {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    padding-top: 2px;
}
.slideout-navigation .main-nav li {
    margin-bottom: 6px;
}
@media {
    .main-navigation .main-nav ul li a {
        border-bottom: rgba(349, 81, 57, 0.3) 1px solid;
    }
}
.main-navigation.offside {
    width: 200px;
}
.slideout-overlay {
    background-color: rgba(349, 81, 57, 0.2);
}
@media (max-width: 768px) {
    .main-navigation .main-nav ul ul li a {
        padding-left: 30px;
    }
}

Have you experience with this problem, any suggestion how to trigger the cache?
Thank you for your help.

[Tom]

Hi there,

The issue here is something is moving your javascript files above the slideout navigation element.

It’s strange, because the slideout navigation is set to show up in wp_footer with 0 as the priority, meaning nothing should be above it.

If there isn’t a way to keep the scripts where they should be with your configuration, you can try this workaround:

remove_action( 'wp_footer', 'generate_slideout_navigation', 0 );
add_action( 'generate_after_footer', 'generate_slideout_navigation' );

Adding PHP: https://docs.generatepress.com/article/adding-php/

[Bernhard]

Hi Tom,
I disabled Cloudflare and Supercacher by Siteground and substituted with WP Fastest Cache which I used already before.
This seems to solve the problem.
Now I’m trying to enable Cloudflare again changing my DNS to Cloudflare.
To be sure, can you please check at your end within some hours if the menu shows up in the correct way.
Thank you
Bernhard

[Tom]

Looks good to me now 🙂

[Bernhard]

🙂

[yuriy]

Hello again! After updating the theme again, this problem, Tom tell me exactly where to insert additional code in a file and a place not to go to a freelancer, and do it yourself. Because after the next update is likely to come out again mobile menu at the bottom of the page and will not be displayed on the mobile.

https://tulle.su

[Tom]

Hi there,

Have you tried this code?: https://generatepress.com/forums/topic/slideout-menu-on-bottom/#post-775732

It can be added using one of these methods: https://docs.generatepress.com/article/adding-php/

[yuriy]

Thanks, it worked out…

[Tom]

You’re welcome 🙂

[Author]

Posts