Help Needed - Wordpress Footer Widgets Are Reversed

6 replies
  • WEB DESIGN
  • |
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
#footer #needed #reversed #widgets #wordpress
  • Profile picture of the author imsolutionsgroup
    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?
    {{ DiscussionBoard.errors[10097901].message }}
    • Profile picture of the author SoCal Digital
      Originally Posted by imsolutionsgroup View Post

      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?

      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>
      Signature

      Search engine optimization and social media marketing services http://www.socaldigitalmarketing.com

      {{ DiscussionBoard.errors[10097988].message }}
  • Profile picture of the author Techalo
    Originally Posted by SoCal Digital View Post

    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
    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
    {{ DiscussionBoard.errors[10097912].message }}
  • Profile picture of the author SoCal Digital
    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.
    Signature

    Search engine optimization and social media marketing services http://www.socaldigitalmarketing.com

    {{ DiscussionBoard.errors[10097991].message }}
  • Profile picture of the author Techalo
    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
    {{ DiscussionBoard.errors[10099127].message }}
  • Profile picture of the author SoCal Digital
    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
    Signature

    Search engine optimization and social media marketing services http://www.socaldigitalmarketing.com

    {{ DiscussionBoard.errors[10099970].message }}

Trending Topics