WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] #supplementary footer not responsive in mobile view (10 posts)

  1. viensia
    Member
    Posted 8 months ago #

    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/

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 8 months ago #

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

  3. viensia
    Member
    Posted 8 months ago #

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

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 8 months ago #

    I don't know what is "way big" http://awesomescreenshot.com/0fa1km9117

  5. viensia
    Member
    Posted 8 months ago #

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

  6. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 8 months ago #

    Have you tried reducing the line height on it?

    .widget-title { line-height: 1em; }
  7. viensia
    Member
    Posted 8 months ago #

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

  8. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 8 months ago #

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

    #supplementary #text-2 { margin-bottom: 2%; }
  9. viensia
    Member
    Posted 8 months ago #

    You are the best!! Thank you so much!

  10. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 8 months ago #

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

    Hope things go well,
    Andrew.

Reply

You must log in to post.

About this Topic