Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 9, 2016 at 11:56 pm #670554
    AJDesignCo

    Hey folks, a developer friend of mine noticed and fixed a gap in the display of the magnifying glass in the sidebar and the pop-up search utility. Here’s what the gap looks like:

    Gap below magnifying glass element

    Here’s what it looks like fixed:
    Gap fixed

    And here is the custom CSS used:

    #top #s {
 width:100%;position: 
 relative;padding: 8px 47px 11px 5px;
 z-index: 1;
 margin:0;
 box-shadow: none;
}

    Is that fix the best way to do it? Would Kriesi (or moderators) have any suggestions on improving it?

    Thanks,
    Andy

    August 10, 2016 at 1:18 am #670561
    bytesizemedia

    This is the CSS I always use… it’s a bit simpler but works the same:

    #top #searchsubmit {
    height: 100%;
}
    • This reply was modified 8 years, 4 months ago by bytesizemedia.
    August 10, 2016 at 4:53 am #670596
    goldengate415

    Well gee thanks guys, I had never noticed that “annoying gap” before but now I can’t stop looking at it!

    :)

    August 11, 2016 at 5:36 am #671149
    Rikard

    Hi @AJDesignCo,

    That looks like a perfect solution, thanks for sharing :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.