Couple more styling issues

[creaky]

I'm currently using a text based logo which is having an issue not being responsive. If you narrow the screen down the logo wraps down to the next line. Is there any way of making the text smaller on resize?



I'm using the Showcase addon on the site, on forums that have showcase enabled the New Thread & Create showcase buttons seem to be merged together. I assume some padding or a margin would seperate them.



Lastly the when a drop down is showing and you move your mouse away from the heading you can no longer see the text. Which style property controls that?



If it helps the site is here http://www.behindthegoal.net/

 

[Russ]

Text based logo won't resize automatically but you can fix it with a simple CSS media query:

.forum_view .callToAction {
margin-left: 10px;
}
@media (max-width:@maxResponsiveNarrowWidth)
{
.XenBase #logo a { font-size: 30px;}
}
@media (max-width:320)
{
.XenBase #logo a { font-size: 20px;}
}

Reduces the size as the screen gets smaller, should fit in fine, I've also included a possibly fix for those buttons colliding.

For the nav check:

Style Properties -> Header and Navigation ->Nav Tab Popup Open

 

[creaky]

All work perfectly, thanks.