[alexey]

Hey, awesome theme guys, after purchased noticed in other forum topics that logo size is a little restrained, we as a brand, have a logo for Desk Version (the one on our front store) and one smaller (circular) version for mobile and other stuff.

As your theme has main logo and Mobile logos (and footer), you should be thinking (in future versions) to provide a bigger option at least for desk logos. As far I can see, a few of your costumers have been asking for this.

Our brand is already registered with the main logo, is in pizza boxes, paper bags etc. so rebranding it’s not an option here.

We can work for a while with our mobile logo, but in desk version, its practically unrecognizable.

If by any reasons, your team have find any solution/update to change the main logo size let us know.

To see what i mean see our current website that is: https://www.pizzaygatos.com/

And our rework (still draft) with your theme: https://pizzaygatos.com/alpha/

Thanks for your time and sorry for the long post.

[Althemist]

Hi alexey,

I totally understand. Unfortunately, there is simply no way to make this as a global option, as it’s not possible to preserve the layout in all possible usage scenarios.

In your case I can see you don’t use the top-left and top-right menu positions, so it can be adjusted with CSS, but it’s still risky on smaller resolutions.

You can try with the following CSS, but on your own responsibility:

#header #logo {
    width: 600px;
    max-width: none;
}

Hope this helps.

[alexey]

Thanks for your response.

Actually it helps (a lot) and it looks great in desk ver. but in mobile ver. the rounded logo appears not centered, as if has some sort of right align. Any extra line in CSS that could help on that?

hope there is any solution.

[alexey]

Actually i think I solved the problem with these extra lines, let me know your insights!

#header #logo {
width: 600px;
max-width: none;
}
@media only screen and (max-width: 959px) {
#header #logo {
float: none;
display: block;
text-align: center;
width: 100%;
max-width: none;
}

[Althemist]

Yes, that should do the job.

[Author]

Posts