• Resolved viensia

    (@viensia)


    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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter viensia

    (@viensia)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter viensia

    (@viensia)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you tried reducing the line height on it?

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

    Thread Starter viensia

    (@viensia)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

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

    Thread Starter viensia

    (@viensia)

    You are the best!! Thank you so much!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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 ‘#supplementary footer not responsive in mobile view’ is closed to new replies.