Help Needed - Wordpress Footer Widgets Are Reversed

by 6 replies
7
Hello Warriors,

I have a client that is very particular to minute details. One issue I have is my footer widgets reversed order and show on opposite sides for example footer widget 1 appears where footer widget 4 should show up.

When I move the content from footer widget 1 to the widget 4 area then on mobile it shows up correctly and only desktop is reversed which my client absolutely will not allow.

Any ideas on how to fix the Footer Menu/Widget Order on a wordpress website?

Thank you
#website design #footer #needed #reversed #widgets #wordpress
  • Most likely you have the code in the php template for the footer mixed up. Can you attach that file here so I can take a look?
    • [ 1 ] Thanks
    • [1] reply

    • Hey, yes thank you for the assistance! here is the footer. php code:

      </div>

      <!-- Container::END -->


      <!-- Footer -->

      <div id="footer" class="container">

      <?php
      if(is_front_page()){ echo "<div class='footer-container'>";}
      ?>

      <div class="row footer_inside">



      <div class="four columns">

      <?php if ( ! dynamic_sidebar('Footer Widget 1') ) : ?>

      <?php endif; // end widget area ?>

      </div>



      <div class="four columns">

      <?php if ( ! dynamic_sidebar('Footer Widget 2') ) : ?>

      <?php endif; // end widget area ?>

      </div>



      <div class="four columns">

      <?php if ( ! dynamic_sidebar('Footer Widget 3') ) : ?>

      <?php endif; // end widget area ?>

      </div>



      <div class="four columns">

      <?php if ( ! dynamic_sidebar('Footer Widget 4') ) : ?>

      <?php endif; // end widget area ?>

      </div>

      </div>

      <div class="clear"></div>

      <?php
      if(is_front_page()){ echo "</div>";}
      ?>

      <div class="footer_btm">

      <div class="footer_btm_inner">



      <?php if(is_array($footer_icons = ot_get_option('footer_icons'))){

      $footer_icons = array_reverse($footer_icons);

      foreach($footer_icons as $footer_icon){

      echo "<a target='_blank' href='". $footer_icon['icons_url_footer']."' class='icon_". $footer_icon['icons_service_footer'] ."' title='". $footer_icon['title'] ."'>". $footer_icon['icons_service_footer'] ."</a>";

      }

      }

      ?>



      <div id="powered"><?php echo ot_get_option('copyrights');?></div>

      </div>

      </div>

      </div>

      <!-- Footer::END -->



      </div>



      <?php wp_footer(); ?>





      </body>

      </html>
  • As a web administrator, you should probably have some programming experience for stuff like this. I assume you're using a template you bought? Post your footer.php file and I'll take a look.

    Another thing you should be using is firebug to inspect the elements so you can identify them(I'm sure you' might be aware but just in case). In addition, I also recommend an IDE like Netbeans with remote server upload - aka it updates your files on save. In addition you can search all your files for stuff, which makes reverse engineering so much easier.

    Best,
    Will
    • [ 1 ] Thanks
  • Techalo,

    Yes, I agree. To be honest I normally do very simple websites with Wordpress templates because my main focus is internet marketing. This website I am talking about has been the most advanced and I hired a programmer who has switched some things around without my knowledge.

    I posted the footer.php code above and also read that the functions.php file may have something to do with it as well.
  • Hi SoCal,

    The footer.php file looks file - These are basic statements, so the problem is not the footer.

    Help me understand this just a little better - Lets say you have widget 1 & widget 4 populated with data (just for examples sake) - When you look at it on mobile, the widget 1 would come before widget 4, as it should, correct? And you're saying that on Desktop, widget 4, comes before widget 1?

    Please advise - In addition, you can PM me the link to the site and I'll see if anything stands out.

    Best,
    Will
  • Will,

    Yes you are correct in your statements above. I will PM you the website, thank you for your assistance and I will keep you in mind for any website changes/projects if interested

Next Topics on Trending Feed