WordPress.org

Forums

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

  1. viensia
    Member
    Posted 1 year 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
    Forum moderator
    Posted 1 year ago #

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

  3. viensia
    Member
    Posted 1 year 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
    Forum moderator
    Posted 1 year ago #

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

  5. viensia
    Member
    Posted 1 year ago #

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

  6. Andrew
    Forum moderator
    Posted 1 year ago #

    Have you tried reducing the line height on it?

    .widget-title { line-height: 1em; }
  7. viensia
    Member
    Posted 1 year 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
    Forum moderator
    Posted 1 year ago #

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

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

    You are the best!! Thank you so much!

  10. Andrew
    Forum moderator
    Posted 1 year ago #

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

    Hope things go well,
    Andrew.

Topic Closed

This topic has been closed to new replies.

About this Topic