Vertical alignment of Site text

AceCo55

In my header I have logo, Site Name Text (with a tag line) and nav menu.

Is there anyway of centering the Site text ("Ace Coote Photography") and the tag line ("Sports Photography, Kingston SE") VERTICALLY.

It looks like the tag line creates another line below the site name (but this means there is more vacant space above the site name than below the tag line)

Thank you for any assistance

ChancyRat

I can't tell what you're seeing - this section looks good to me, centered to itself both horizontally and vertically.

denisegoldberg

AceCo55 wrote: »

Is there anyway of centering the Site text ("Ace Coote Photography") and the tag line ("Sports Photography, Kingston SE") VERTICALLY.

You've probably already checked this, but just in case... Is there any padding set (in the Dimensions box) for the top margin of the content element that contains the site text and tag line?

--- Denise

AceCo55

Hi Chancy - I get THAT look on small screens. On a larger screen (say 15" or larger), the logo sits to the left of the Site name and tag line

Hi Denise. Yes I'm afraid I have done that. At the moment top padding is 5px and bottom is 10px.
I tried setting a top margin of -10px but only the logo moved (part of it extended above my blue header bar) but it didn't make much difference (that I could see) to the Site name and tag line.

I'm starting to think it is a design omission by Smugmug.
If I remove the tag line the Site name looks OK ... but when I add the tag line, it just gets pushed under the Site name.
In my mind adding the tag line should result in the site name moving up a bit.

Thank you to you both for having a look - much appreciated.

denisegoldberg

AceCo55 wrote: »

Hi Denise. Yes I'm afraid I have done that. At the moment top padding is 5px and bottom is 10px. I tried setting a top margin of -10px but only the logo moved (part of it extended above my blue header bar) but it didn't make much difference (that I could see) to the Site name and tag line.

Ah, I was thinking that there were two elements side-by-side, one containing the logo and one containing text. I'm not sure I would try changing to two content elements though as I find the placement of those elements to be quite fiddly.

--- Denise

AceCo55

Thank you Denise for your thoughts - value them highly.

ChancyRat

I'm not sure what you want to have happen, but here are four images I see, tiny, average, wide-ish, and full screen.

My monitor is about 26 inches across.

http://www.joinrats.com/photos/i-cJdNLKs/0/O/i-cJdNLKs.jpg
http://www.joinrats.com/photos/i-Bk4CkvM/0/O/i-Bk4CkvM.jpg
http://www.joinrats.com/photos/i-9XpF23f/0/O/i-9XpF23f.jpg
http://www.joinrats.com/photos/i-4Gdwwn3/0/O/i-4Gdwwn3.jpg

ChancyRat

The only one I left out is super-tiny, which loses the menu altogether (apparently that's for small device viewing).

AceCo55

Wow!! Thank you so much for going to all that trouble.
For those that come across this thread:
I contacted SmugHelp desk and after a couple of to and fro's came to the conclusion that the logo/header content block is not able to vertically align text and nor does it have the capability to make adjustments at the pixel level.

The work around is to create an image with the logo and text and then insert that image as the logo image.
Then it's a little bit of fiddling with size and padding.
I have it as I wanted it ... so all good.

Once again thanks to Denise and ChancyRat - very much appreciate your time/opinions