Vendor Store Header disturbed on screen width 800px and less

[Henriette]

Hi Team,
I just tested my website HERE on different screen resolutions and the vendor store header looks very disturbed on screen widths of 800px and less.

Can this have something to do with the code used from THIS TOPIC?

Attachments:

You must be logged in to view attached files.

[Henriette]

This reply has been marked as private.

[Sarmistha Chakraborty]

Hello,

Try this css in your theme’s style.css –

@media screen and (max-width: 768px) {
	#wcfmmp-store .logo_area {
	    width: 90px !important;
	    height: 90px !important;
	    top: -70px !important;
	    position: relative !important;
	}
}
@media screen and (max-width: 480px) {
	#wcfmmp-store .logo_area {
    float: none !important;
    display: inline-block !important;
    margin-bottom: 5px !important;
	}
}

Thanks.

[Henriette]

Thank you, that works for me.
Not every screen size looks even nice yet but I can tweak that myself.

Again thank you!

[Author]

Posts