centre logo image...

[rainbow_pixie_star]

[Note: remember to include site URL, ZC version, list of plugins, PHP version, etc ... read the Posting Tips shown above for information to include in your post here. And, remove this comment before actually posting!]
Hi,
I dont seem to be able to get the logo to sit in the centre.

I looked into adding allignment to the style sheet but that didn't look like it worked.

Am I looking in the wrong place?

craftjam co uk
Thanks
Amy

[rainbow_pixie_star]

Sorry, forgt to add...
I also would like to make the logo bigger in the mobile device as I have quite a small logo.

Thank you
Amy

[Mauari]

Sorry, forgt to add...
I also would like to make the logo bigger in the mobile device as I have quite a small logo.

Thank you
Amy

to change the size is
includes/languages/english/YOURTEMPLATE/header.php



center: includes/templates/YOURTEMPLATE/css/responsive_default.css
@media (max-width: 480px) and (min-width: 0px)
div#logo {
float: none;
text-align: center;
}

[rainbow_pixie_star]

Hi,
Thanks for that, however I have looked in that file and it is already set like that.

The @media line of code was on around line 15
The div#logo part starts on around line 30

I assume that is the correct part that I have checked?

[simon1066]

The #logowrapper will control the position of the #logo

add the following after line #98 in stylesheet.css

#logowrapper {float:left; text-align:center;}

then remove the float:left from #logo line at 30 by changing

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
}

to

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
}

That should do it.

[rainbow_pixie_star]

Hi,
THanks for that, that did it!

Cheers
AMy