Hi. I'm using the Responsive (updated) template on a new site and want to reduce the vertical gap between the top of the browser page and top of the logo image. I've attached two images with annotations that show what I'm seeking to do.

Note 1 shows the gap. Note 2 shows that when module display positions (tp=1) are turned on, the "More" button in the panel1 position is displayed which looks suspiciously related to the vertical gap in question, and Note 3 requests advice on a horizontal line that appears above the logo but below the "More" button that only shows up with tp=1...

In my layout I have the default panel1 "More" module unpublished so if it is related, I'm not sure why the space is not collpasing. Or if it's even related at all...

Please advise on changes I can make to css code etc. to remedy this issue.

Also... if I do decide to use the panel1 "More" button, I would like to change the button graphic to something smaller and more compact... please advise as to location of source.

Really liking this template... the new framework is very cool.

Thanks
Mark

Do you have a live link for the site?

Regards
Paul

Hi there,

Try adding the following to your custom.css file to remove the extra space

body #logowrap .zen-container {padding-top:0px;}

If that doesnt work a live link to the site would help us to help you.

Cheers
Rowan

A live link?... that's a brilliant idea

dev.femvitale.com

Thanks for rapid response guys.

Hiya,

Thanks for the link, my suggested fix should work nicely.

Cheers
Rowan

Hi

Doe the Rowan response not work for you?

body #logowrap .zen-container {padding:0px;}

body #logowrap h2 a {font-size: 1em;}

Cheers
Paul

ah - sorry two reponses at once

Cheers
Paul

Thanks guys... the suggested combo below worked quite nicely.

body #logowrap .zen-container {padding-top:0px;}
body #logowrap h2 a {font-size: 1em;}

thanks for the update

good luck with the site

Cheers
Paul