Header Customize

I have styled my header with other (Old)theme .
https://vps105292.inmotionhosting.com/
Because the theme was to slow i rebuild all with woodmart theme.
Now i have 2 bigger last steps to finish my new website.
https://www.meimeinung.com/

1. I can’t customize the header like my old theme. When i go to White color i don’t see when scrolling with white background. When i setup dark background, the header don’t overlap.
In single product page top header is overlap and main header with white background.

Also the lettering looks so clumsy. At my old theme it was so elegant.
Is the a option to change the style of lettering?

2. I don’t can finish to setup the Slider and then setup as HERO Slider-Banner. I like to rebuild the HERO Slider-Banner from old theme.
I create new Slider and 3 slides. but i don’t right understand to setup all.

Hello,

01. Please use the Header “Overlap Option” Navigate to Woodmart > Header builder > edit current header in the header setting enable the option to make it overlap.
https://monosnap.com/file/mgQnNv4DPOZwNeaYYsYPTan0zPd6Zb

You do not need to set the background color if you want to make overlap. Please add this code to the Theme Settings > Custom CSS > Global for sticky header background.

body .whb-sticked .whb-general-header, .whb-sticky-shadow.whb-sticked .whb-row:last-child {
    background: orange !important;
}

02. Please follow this guide and set up it.
https://xtemos.com/docs-topic/how-to-create-a-slider/

Best Regards

01.
Make it overlap is still on.
At Home, Shop and product categorie pages it is overlap.
Only when I go to a single product page the top-header row is overlap but the main-header row is not overlap.
You can see it is nice overlap but only on single product page it is not correct overlap.
http://www.meimeinung.com

02.
I setup a slider with 4 slides.
Slide 1 is finish. Slide 2,3,4 I need to be setup layout for responsive and also for correct text. But I like this as hero banner/slider full screen. Now I have a white line on top and bottom of slider and smoetimes on left side and I don’t know to setup this fullscreen.
You can also see on website link.

The slider problem i solve now 🙂
But the problem with header overlap at single product page i need still help

i see now there is no working breadcrumb on single product page.
How can i change this to category like breadcrum on all other pages?

Attachments:

You must be logged in to view attached files.

Hello,

Maybe you are using the custom header on a single product page. Navigate to Theme Settings > Single Product > Configure the Custom single product header and edit it.

If you have any questions feel free to contact us.

Best Regards

This don’t solve the problem.

I try with CUSTOM SINGLE PRODUCT HEADER “NONE” and also CUSTOM SINGLE PRODUCT HEADER “DEFAULT HEADER LAYOUT”

You can see the result in SS.

Also i don’t know to setup the Breadcrumb on single product page.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

THX

Is it normal that the sticky footer is only working on desktop and not on mobile?

How can i change the Background of the MegaMenu?
I setup MegaMenu with HTML-Block
And setup background image in customizer.
But background in MegaMenu is still white.

Attachments:

You must be logged in to view attached files.

Hello,

01. Now check back your site and check the header issue.

02. You can try using our Sticky mobile bottom navbar that you can enable from Theme Settings >> General >> Mobile Bottom Navbar.

03. Please try adding the following Custom CSS in the desktop Custom CSS area under Theme Settings >> Custom CSS.

.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner {
    background-color: #dba8a8 !important;
}

Best Regards

01. Nice 🙂 THX

02. I have it enable! My question is for the footer. I like the style of sticky footer when scroll down the site.
But this only works on deskopt with my website. Is it normal that sticky footer is only at desktop and not on
mobilephone?
It’s not a problem when it only work on Desktop. But when normal it also work on mobile i like to setup 🙂

03. Doesn’t work 🙁

Hello,

02. By default, the sticky footer feature may not be enabled on mobile devices for design reasons.

03. The code is working fine on your site. Check back your site after completely clearing the browser cache and check the shop page mega menu.

Best Regards

01 now it is overlap but when it is sticky i need a background. White letter on white background is not good.
Or is it only on my end? I delete browser cache.

03 Yes, i have a background but it is pink. I setup a picture as background!
Can see in SS

Attachments:

You must be logged in to view attached files.

And cache is cleared!

Hello,

01. Your sticky header background is working fine. It is showing a blue background instead of white.
See screenshot for clarification:
https://ibb.co/wJynV15

03. You can change the color as per your requirements in the custom css. Navigate to theme settings > custom css > check the custom css in the global custom css area.

Best Regards

01. Your SS is from Home! Home-Shop and Product Page working fine! The problem was only at Songle Product page. On single product page now it is no Backgrund when header is sticky(scrolling)

03. I like a Picture as Backgound. Is this not possible? I setup a Picture as background in elementor wht i like as BG. Can only setup colors??

Attachments:

You must be logged in to view attached files.

Hello,

01. Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

02. Please remove the previous code for color adding the following Custom CSS in the desktop Custom CSS area under Theme Settings >> Custom CSS. change the image as your own.

.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), 
.wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner {
    background-image: url('https://www.meimeinung.com/wp-content/uploads/2024/10/front-premium-sweatshirt-ed1a38-1116x-4.png') !important;
    background-size: cover; /* Adjust as needed */
    background-position: center; /* Adjust as needed */
    background-repeat: no-repeat; 
}

Best Regards

01. I first disabled all plugins. Then I went to woodmart plugins and reactivated them for the theme.
Then deleted the browser cache.
It didn’t work. I then tried deleting the CSS. Then cleared the browser cache again and tried again. Again it didn’t work.
I added the CSS again. But I still have no background on the header when sticky.

02. Using the photo as a background worked.
But I can’t change the color of the font anywhere. Can I post these somewhere?

Attachments:

You must be logged in to view attached files.

Hello,

01. Please keeps all the plugins that are not related to our theme temporarily turned off.

02. Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to the below Custom Class https://prnt.sc/io-tdHNTYyPz

.wd-sub-menu .sub-sub-menu li>a

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

Best Regards

01. The plugins are out. Only those who need the theme are included.
How long should it stay like this?
Someone should optimize the shop right now so that I can go live when everything is ready.

02. OK THX i try it 🙂

Hello,

Your issue has been resolved. Check back your site and check the issue.

Best Regards

Oh cool!! THX

Do you install the NitroPack Plugin or is the guy what optimize the speed working in the shop?

New issue to fix:

01. is only on Tablet! There is no space between the header and the page title! I changed to “Theme setting-Page title-page title size. This only works for the desktop.

02. is only in single product page! On Product page and shop pages title page i setup the categorie. This is really nice!! But this only work on Product page and Shop page. On single product page in page title i only see breadcrumb. In Theme setting-Page title-Show breadcrumbs i can turn on or off. But when turn on it is a issue. Then it display Product and when i click on it it is error.
Can i setup also category (same as shop page or product page) instead of breadcrumb?

Hello

I have not installed the nitro pack plugin on your site.

01. Could you please share some screenshots of the issue so I can better understand your issue? This will help me guide you more effectively.

02. Unfortunately it is not possible to show these on a single product page. It only works on archive pages.

Best Regards

01. I can fix by myself 🙂

02. I find a solution. I disable breadcrumb. And i paste the product categorie widet. But now i need to rename “Categorie”.
Where i can do this?

03. And the icons of Wishlist & Chart are on left side. For smartphone i setup right side with a space. But on tablet it looks bad. Can i setup this standard to right side?

You can see problem 02 + 03 in Screenshot. And it is only in moble view

Attachments:

You must be logged in to view attached files.

Where can i setup other color for this on SS

Attachments:

You must be logged in to view attached files.

Hello,

01. To change the text Try to use the loco translate plugin for this:
https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

02. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS Tablet sections. Change the value as per your requirements.

.whb-top-bar .wd-tools-element {
    position: relative !important;
left: 30% !important;
}

Best Regards

THX, all work

Now i find this 🙂
I have a attribute “Kollektion” for all products.
On website i have a media carousel where you can see all kollektions.
When you click on one of this you come to the page you see in SS.
Where can i costumize this page?
I don’t like the Filter on this side and i like to add best selling products at bottom or other.

Attachments:

You must be logged in to view attached files.

Hello,

You cannot edit this page directly. You can use WooCommerce builder of WoodMart allowing you to create custom templates for Product, Product Categories pages and other functional pages that are not editable by default. WooCommerce builder is the inbuilt functionality widget included in the builder you use on the site. You can create a custom layout for attributes.
https://ibb.co/hdpc8mq

https://xtemos.com/forums/search/woodmart-woocommerce-layout-builder/

Best Regards

[Author]

Posts