Can not increase the logo size in Classic theme

[Toda]

Hello there,

 

Could any one let me know how to increase the logo height in classic theme? I can go to custom.css. But, could anyone please guide me what code should I type to get the desired results? My site is as follow

http://aliyana53.sg-host.com/en/

 

Thanks and regards

 

 

[razaro]

Hi Toda, welcome to the forum

Your uploaded image is 300px x 53px so it is best to set logo that size. In custom.css line 52 change and add to

#header .logo {
	width: 300px;
	height: 53px;
	box-sizing: border-box;
	min-width: 300px;
}

@media (max-width: 767px) {
	#header .logo {
        min-width: 100%;
	}
}

Save and clear PrestaShop cache if you do not see change. Note that on mobile logo text is bit small and background is white.

[Toda]

Razaro,

 

Thank you for the great help. I pasted the code in the custom.css But unfortunately, I am not yet able to see the results.

 

Another issue which I face now is that the search box is showing right adjacent to the logo. It should be displayed to on the right side of the page and it should be much wider. But, am at a loss on how to achieve it.

 

Thank you again and regards

[pullidea-dev]

Hi, Toda

Your logo image ratio is 300:53

If you need height: 100px, the min-width should be 566px.

#header .logo {
    height: 100px;
    box-sizing: border-box;
    min-width: 566px;
}

And for the search box. Please write the below code in custom.css

#header .header-top-right {
	justify-content: flex-end;
}

And you need clean your browser cache. In windows Ctrl + F5

Thank you.

Edited December 16, 2021 by raudsepp (see edit history)

[Toda]

Dear raudsepp,

 

Thank you sooooooooooooo much. You made my day. I truly appreciate you for the fantastic help.

 

Thanks and regards

[pullidea-dev]

Dear @Toda

You're welcome. Feel free to ask any question.

Thanks.

[Toda]

Dear Razaro,

 

Thank you again for all the help. I just wanted to request you for one more thing. The menu does not look center alighned. It is gone too far to the left. May I know how to bring it into the center?

 

Thank very much again.

 

Kind regards

[pullidea-dev]

#header .menu {
    width: 100%;
    text-align: center;
}

 

[razaro]

Hi Toda

Do notice that @raudsepp is making last few posts and solutions 

And nice quick solutions.

 

Also for future do follow forum rules and make separate topics for each issue you may have.

Thank you

[Toda]

Thanks again so much. Today, was my first day on the forum. Next time I will follow the forum rules before submitting any question.

 

Thank you and kind regards

[PrestaHeroes USA]

Just buy a high quality theme.  They have really all the tools you will need to build a great shop.  The classic theme is only for getting your catalog built.