Home › Forums › WoodMart support forum › Header Customize
Header Customize
- This topic has 33 replies, 2 voices, and was last updated 1 month, 4 weeks ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
September 27, 2024 at 8:27 am #600562
prof.schneckiParticipantI 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.September 27, 2024 at 1:25 pm #600736
Aizaz Imtiaz AwanKeymasterHello,
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/mgQnNv4DPOZwNeaYYsYPTan0zPd6ZbYou 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
September 27, 2024 at 10:34 pm #600882
prof.schneckiParticipant01.
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.com02.
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.September 28, 2024 at 12:57 am #600886
prof.schneckiParticipantThe slider problem i solve now ๐
But the problem with header overlap at single product page i need still helpSeptember 28, 2024 at 8:44 am #600915
prof.schneckiParticipanti 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.September 28, 2024 at 10:35 am #600933
Aizaz Imtiaz AwanKeymasterHello,
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
September 28, 2024 at 11:13 am #600937
prof.schneckiParticipantThis 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.September 28, 2024 at 2:33 pm #601004
Aizaz Imtiaz AwanKeymasterHello,
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
September 28, 2024 at 2:55 pm #601014
prof.schneckiParticipantTHX
September 29, 2024 at 2:04 pm #601085
prof.schneckiParticipantIs it normal that the sticky footer is only working on desktop and not on mobile?
September 29, 2024 at 7:30 pm #601103
prof.schneckiParticipantHow 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.September 30, 2024 at 11:15 am #601284
Aizaz Imtiaz AwanKeymasterHello,
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
September 30, 2024 at 1:25 pm #601325
prof.schneckiParticipant01. 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 ๐
September 30, 2024 at 2:53 pm #601362
Aizaz Imtiaz AwanKeymasterHello,
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
September 30, 2024 at 3:50 pm #601387
prof.schneckiParticipant01 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 SSAttachments:
You must be logged in to view attached files.September 30, 2024 at 3:51 pm #601390
prof.schneckiParticipantAnd cache is cleared!
October 1, 2024 at 10:35 am #601534
Aizaz Imtiaz AwanKeymasterHello,
01. Your sticky header background is working fine. It is showing a blue background instead of white.
See screenshot for clarification:
https://ibb.co/wJynV1503. 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
October 1, 2024 at 10:50 am #601546
prof.schneckiParticipant01. 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.October 1, 2024 at 12:38 pm #601622
Aizaz Imtiaz AwanKeymasterHello,
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
October 1, 2024 at 2:34 pm #601671
prof.schneckiParticipant01. 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.October 1, 2024 at 3:29 pm #601710
Aizaz Imtiaz AwanKeymasterHello,
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
October 1, 2024 at 4:48 pm #601742
prof.schneckiParticipant01. 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 ๐
October 2, 2024 at 10:00 am #601864
Aizaz Imtiaz AwanKeymasterHello,
Your issue has been resolved. Check back your site and check the issue.
Best Regards
October 2, 2024 at 2:21 pm #602006
prof.schneckiParticipantOh 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?October 3, 2024 at 8:46 am #602130
Aizaz Imtiaz AwanKeymasterHello
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
October 3, 2024 at 3:49 pm #602272
prof.schneckiParticipant01. 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.October 3, 2024 at 9:14 pm #602328
prof.schneckiParticipantWhere can i setup other color for this on SS
Attachments:
You must be logged in to view attached files.October 4, 2024 at 9:58 am #602422
Aizaz Imtiaz AwanKeymasterHello,
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
October 4, 2024 at 9:17 pm #602627
prof.schneckiParticipantTHX, 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.October 5, 2024 at 10:34 am #602694
Aizaz Imtiaz AwanKeymasterHello,
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/hdpc8mqhttps://xtemos.com/forums/search/woodmart-woocommerce-layout-builder/
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register