Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #12792

    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.)

    #76741

    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

    #76742

    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)’

    #76743

    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*

    #76744

    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

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Footer menu above "copyright"’ is closed to new replies.