Empty space in responsive labout (portrait tablet size)

  • Resolved vancitygirl

    (@vancitygirl)


    11 years, 2 months ago

    Hello,

    My website is https://www.vancitygirl.net. I’ve made it responsive on most screen sizes with no issues, but ran into a problem with the portrait tablet size (480px – 768px). In my sidebar, underneath the search form, there is an empty space and I can’t figure out where it’s coming from. It doesn’t exist under any other screen size.

    Please have a look at this screenshot for reference:
    https://i.imgur.com/hBmYSO9.png

    Does anyone know how to get rid of it?

    Thanks in advance!

    Cheers,
    Cindy

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter vancitygirl

    (@vancitygirl)

    Or if anyone has any ideas on other support forums for WordPress where I can post this, that would help a lot too!

    Hi Cindy,
    in your portrait tablet size (480px – 768px) css, if you add `#search-2, #twitter-2 {
    width: 100% !important;
    }` the search input and tweeter will span vertically, if you only need to fix the search form just point only #search-2.

    I don’t know if this is what you were meaning, hope it helps.

    Thread Starter vancitygirl

    (@vancitygirl)

    Thank you for your help! After I made #search-2 100% width the Twitter aligned properly, but there is still a space underneath it in the left column. It looks a lot better this way though!

    Thread Starter vancitygirl

    (@vancitygirl)

    If I make the Twitter one 100% width too, then it fully gets rid of the empty space. I was afraid it might make the Twitter look a bit squished, but that’s okay–I think I will go with that. Thannk you again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Empty space in responsive labout (portrait tablet size)’ is closed to new replies.