How do I fix a widget area column?

• 

  lemonstree · Member · Dec 17, 2014 at 5:00 pm

  • Copy link
  • Add topic to favorites

  I am using the Yoko theme, and my widget area 2 looks cut off on one side. How do I fix this?

  The blog I need help with is: (visible only to logged in users)

• 

  jeremeylduvall · Member · Dec 17, 2014 at 9:23 pm

  • Copy link

  HI!

  The widget areas are currently not appearing cutoff on my side as shown here:

  http://d.pr/i/1cF8H

  Could you upload a screenshot of what you’re experiencing to your media library? Instructions can be found here:

  Take a Screenshot

• 

  lemonstree · Member · Dec 29, 2014 at 1:37 pm

  • Copy link

  Hello Jeremey,

  If you look at the screen shot you gave, the “search box” titled “Search for something Lemony” is cut off on the right side.

  Thanks,
  Nancy

• 

  jeremeylduvall · Member · Dec 29, 2014 at 4:54 pm

  • Copy link

  Ah – sorry I missed that Nancy! Can you try copying and pasting the following CSS into Appearance -> Customize -> CSS and see if that fixes the issue?

  #secondary .searchform .search-input {
  	width: 90%;
  }

• 

  lemonstree · Member · Dec 29, 2014 at 5:01 pm

  • Copy link

  Awesome, it worked! Thanks, Jeremey. :)

• 

  lemonstree · Member · Dec 29, 2014 at 8:51 pm

  • Copy link

  Yargh, now the “categories” widget is doing the same thing. I tried to tinker with it based on the snippet of css you gave me, but I can’t figure it out. I have a screen shot, if you need it.

• 

  jeremeylduvall · Member · Dec 29, 2014 at 11:01 pm

  • Copy link

  The categories widget appears to be displaying full-width on my side:

  http://d.pr/i/vdoP

  Can you upload a screenshot to your Media Library so I can take a look?

• 

  lemonstree · Member · Dec 30, 2014 at 3:15 pm

  • Copy link

  OK, I’ve uploaded my screen shot.

• 

  jeremeylduvall · Member · Dec 30, 2014 at 5:46 pm

  • Copy link

  Thanks for uploading! It looks like this only occurs at smaller screen sizes, which is why I missed it before. Can you give this a try?

  select#cat {
  width: 100%;
  }