Footer menu above "copyright"

5 posts from 3 voices

• Started 11 months ago by tuxradio
• Latest reply from Devin
• This topic is not a support question

Tags:

• footer menu

1. 

   tuxradio
   Member

   I'm trying to add a menu div just above the copyright and have it centered on mobile. I've tried to add the following code:

   <!-- ####### SOCKET CONTAINER ####### -->
<div class='container_wrap <?php echo $extraClass; ?>' id='socket'>
<div class='container'><div class='footer-nav-div'>
<?php wp_nav_menu( array('menu' => 'Footer')); ?>
</div> <span class='copyright'>© 2003-<?php echo date(Y); ?> '><?php echo get_bloginfo('name');?> LLC</span>

   </div>
</div>
<!-- ####### END SOCKET CONTAINER ####### -->

   With the following CSS:

   .footer-nav-div {
float: right;
padding-right:20px;
display: block;
height: 15px;
background: #000;
margin:0 auto;
}

   .footer-nav-div ul {
   margin: 0;
   padding: 0;
   list-style: none;
   }

   .footer-nav-div li {
float: left;
padding: 0 5px;
}

   And then this for the Media Query:

   /*bottom footer nav*/
#socket .footer-nav-div {float:none; text-align: center;}

   But it still comes out floated to the left.

   Any suggestions would be awesome. I'd even buy one of the other themes that have the footer items on both sides, if I had to.

   (Mods, I hope I've coded this post the right way, too. If not, delete it.)

   Posted 11 months ago #
2. 

   Mya
   

   Hi tuxradio,

   Now I haven't tested this but have you tried adding #socket .footer-nav-div li to your Media Query?

   Example:
   

   /*bottom footer nav*/
   #socket .footer-nav-div, #socket .footer-nav-div li {float:none; text-align: center;}

   Regards,
   Mya

   Posted 11 months ago #
3. 

   tuxradio
   Member

   No. I'll try that now. My question to go along with this is: I.m assuming that for mobile view, I need to add this under the code below in Media Queries:

   '/* All Mobile Sizes (devices and browser) */
   @media only screen and (max-width: 767px)'

   Posted 11 months ago #
4. 

   tuxradio
   Member

   Nope. That didn't work. I'm missing something.

   I was going to go buy Propulsion just for the code (I was thinking I could just substitute out the social icons div with my footer div), but the Propulsion social div isn't centered in mobile, either (at least not on an iPhone 4)..

   I'm not giving up on this, and I'll post the code here when/if I get it done. This is driving me insane. *lol*

   Posted 11 months ago #
5. 

   Devin
   Moderator

   Let us know how it goes :)

   If you have a link to the site with where you are at, we might be able to offer some additional suggestions.

   Regards,

   Devin

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.