Dear Paul, Hope you are not sick of me yet…
Just one more thing…. I have been trying to get the logo for the page up on the same level vertically as the menu on this page.
It keeps getting pushed down into the dark stripe at lease when I put a picture (a ship) in there. How would I make the logo
get bumped up out of the dark stripe and on the same level vertically as the menu?
oasiswebdevelopment.com/Hudson/
thanks Elizabeth

Hi Elizabeth,

Adding

#logo {
margin-top: 0;
}
#logo {
margin-top: 0;
}

will override the template css that is listed

With it being a table with the image and the text logo you would need to look at using

td {vertical-align: top;}

But using a table for presentation is a bit problematic

Cheers

You could also look

@media screen and (min-width: 787px) {
#toparea {height: 140px;}
}

and use this to adjust the toparea height

Cheers
Paul

Thanks paulus I had to force it with a table because The h2 element kept going to the next line

what I tried:
{zen-3}picture goes here{/zen-3}
{zen-9}<h2><a href="zenbamboo.local:5757/dev/corporate/">HUDSON ADVISORS</a></h2>{/zen-9}
{/zen-row}
didn’t work

and

<div style=“width: 280; float: left; margin-right: 7px;”>picture goes here</div>
<div style=“width: 500; float: left; ”><h2><a href="zenbamboo.local:5757/dev/corporate/">HUDSON ADVISORS</a></h2></div>
didn’t work either..

what coding would you have tried? Thank you so much for all your help I really appreciate it.
I would be happy to write a positive review for your site or social media at any time.

Elizabeth

Hi Elizabeth,

Just checking but the first code snippet is missing the opening zen-row tag

Did you include this in the site?

Thanks for the offer of the testimonial - we are looking at updating the JB site next year so I might get back to you on this if that is ok?

Cheers
Paul

Dear Paul et al.

It is still not working.. (logo still gets pushed down out of its position)


Is this the correct syntax?

#logo {
margin-top: 0;
padding-top: 0;
}

@media screen and (min-width: 769px) {
#toparea {height: 140px;
}
}


oasiswebdevelopment.com/Hudson/index.php

sorry typo from me there

#logo img {
margin-top: 0px;
}

@media screen and (min-width: 769px) {
#toparea {height: 140px;}
}

This is the current value so to make this taller you would need to increase the value