WordPress.org

Support

Support » Themes and Templates » [Resolved] #supplementary footer not responsive in mobile view

[Resolved] #supplementary footer not responsive in mobile view

  • I’m trying to figure out what I need to do to make #supplementary footer “shrink” like rest of page in mobile view. For some reason it is showing only left 1/2 of footer. I’m certain that I need to change or add to the #supplementary #text-2 in css, but don’t know what. Any help would be greatly appreciated!!
    http://www.jubileerestaurantcourtyard.com/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    Remove the 590px width you have on the stuff inside it.

    Ha! I thought that I had removed that, guess I just did it in firebug. Doh! While I have your “ear” another question, if I may. I removed it then changed to this:

    #supplementary #text-2 {
       clear: none;
       float: right;
       margin-right: 60px;
    }

    which looks OK on regular view, but get’s funky in iPhone (way big). Is there something that I can do to fix this?
    Thank you!!

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    I don’t know what is “way big” http://awesomescreenshot.com/0fa1km9117

    I should be more specific, sorry. I meant the line spacing between “Jubilee”, “restaurant” and “courtyard”

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Have you tried reducing the line height on it?

    .widget-title { line-height: 1em; }

    Of course! I also added some padding to keep it of of the top of the border. OK, one more question then I promise to leave you alone (for awhile, at least). I’ve tried to adjust the margins and padding so there is less space between the “contact by email” and the bottom of the footer. I know that you have easiest way to do this! Sorry that I’m such a noob!!

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Give your ‘#supplementary #text-2‘ style a margin bottom of something flexible:

    #supplementary #text-2 { margin-bottom: 2%; }

    You are the best!! Thank you so much!

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    You deserve it for taking the time to make a Child Theme and do things properly.

    Hope things go well,
    Andrew.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] #supplementary footer not responsive in mobile view’ is closed to new replies.
Skip to toolbar