web-dev-qa-db-fra.com

Nav et chargement du logo à chaque fois, ce qui provoque le déplacement du menu JointsWP - Foundation 6

Salut, je me demandais si quelqu'un pourrait aider.

Je crée un site en utilisant le thème JointsWP Foundation 6 et j'ai créé un nouveau menu, qui comprend le logo et les liens sociaux. Mon problème, c’est que chaque fois qu’un utilisateur clique sur le menu, il se recharge, ce qui provoque un décalage - existe-t-il un moyen d’arrêter cela? J'ai essayé d'ajouter un plugin de mise en cache mais cela n'a pas semblé aider. Toutes les suggestions appréciées.

Voici des exemples de mon code:

<body <?php body_class(); ?>>

    <div class="off-canvas-wrapper">

        <?php get_template_part( 'parts/content', 'offcanvas' ); ?>

        <div class="off-canvas-content" data-off-canvas-content>

            <header class="header show-for-small-only" role="banner">

                 <!-- This navs will be applied to the topbar, above all content 
                      To see additional nav styles, visit the /parts directory -->
                 <?php get_template_part( 'parts/nav', 'offcanvas-topbar' ); ?>






            </header> <!-- end .header -->
            <!-- THE NEXT PART HAS BEEN MOVED FROM THE TOP OF THE PAGE.PHP -->
            <div id="content">

            <div id="inner-content" class="row expanded">
            <div class="medium-3 columns show-for-medium" data-sticky-container>
                <div class="sticky" data-sticky data-margin-top="0">
            <!-- LOGO HERE -->
            <div class="row logo">
            <div class="medium-10 columns">
            <img src="<?php echo get_site_url(); ?>/wp-content/themes/JointsWP-CSS-master/assets/images/logo.png" alt="big green space"/>
            </div>
            </div>
            <div class="row verticalMenu">
            <!-- VERTICAL MENU HERE -->
            <?php joints_top_nav(); ?>
            </div>
            <div class="row socialR">
            <p>
            <i class="fa fa-facebook-square" aria-hidden="true"></i><i class="fa fa-linkedin-square" aria-hidden="true"></i>
            <br/>
            t: +44 000 000000<br/>
            e: [email protected]</p>

            </div>


            </div>
            </div>

et la page.php

<?php get_header(); ?>

    <div id="inner-content" class="row">
    <div class="medium-4 columns show-for-medium"> -->
    <!-- LOGO HERE -->
    <!-- VERTICAL MENU HERE -->

    <!-- </div> -->

       <main id="main" class="large-9 medium-9 columns contentSection" role="main">


            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                <?php get_template_part( 'parts/loop', 'page' ); ?>

            <?php endwhile; endif; ?>                           

        <!--</main> <!-- end #main -->



    <!--</div> <!-- end #inner-content -->

<!--</div> <!-- end #content -->

Modifier:

j'ai ajouté 2 pages de test pour que vous puissiez voir - biggreenspace.com/test-page-1 et vous pourrez naviguer jusqu'à la page de test 2 (l'autre menu vous mènera à l'écran de maintenance). Cela se produit principalement dans Chrome et Firefox - pas dans IE Edge.

menusnavigationperformancecache
1
anna

Ok après quelques semaines (!!) j'ai trouvé la réponse:

Dans la ligne suivante:

<div class="medium-3 columns show-for-medium" data-sticky-container>
                    <div class="sticky" data-sticky data-margin-top="0">

Ayant

data-margin-top="0"

Le logo se déplaçait à chaque fois que je naviguais sur une autre page. En supprimant cela, le problème a été arrêté.

J'espère que ça aide quelqu'un d'autre!

0
anna