Cosmetic question: Vendor Store page header

[Henriette]

Hi great team,

I really like the layout of the Vendor Store page.
But when a vendor chooses not to display the address, email, telephone etc. on the store then the store header looks very big and massive.
I would like to see the store header to auto adjust depending on what vendor decides to display in store.
At least till right under the stars.

I have tried to change this css code:

#wcfmmp-store #wcfm_store_header {
background: #2f2f2f;
display: block;
min-height: 130px;
}

I tried 100% and auto both with !important; but unfortunately that does not work.

I have hidden right side store header with the social part so that should not be a problem to auto adjust the header right?

Please see attachment.

Thank you.

Attachments:

You must be logged in to view attached files.

[SebastianFloKa]

+

[Sarmistha Chakraborty]

Hello,

For this firstly you need to override “wcfmmp-view-store-header.php” file in your theme folder. From “s\wp-content\plugins\wc-multivendor-marketplace\views\store” to “\wp-content\themes\your theme-folder\wcfm\store” .
Add the below code in the overridden file. (PFA)

$store_address_info_custom_class = '';
if($store_info['store_hide_email'] == 'yes' && $store_info['store_hide_address'] == 'yes' && $store_info['store_hide_phone'] == 'yes') {
	$store_address_info_custom_class = 'hide-vendor-header-infos';
}

Then add the css in your theme’s style.css

#wcfmmp-store div.hide-vendor-header-infos {
    min-height: 100px !important;
}
#wcfmmp-store .wcfm_vendor_badges{
	display: none;
}

Thanks.

Attachments:

You must be logged in to view attached files.

[SebastianFloKa]

Excellent – Chapeau!!
Thank you very much.

[Henriette]

Edit: it works!
Thank you very much! 😀

Attachments:

You must be logged in to view attached files.

[Author]

Posts