Home › Forums › WoodMart support forum › Header Customize

Header Customize

Viewing 30 posts - 1 through 30 (of 34 total)
1 2
  • Author
    Posts
  • September 27, 2024 at 8:27 am #600562

    prof.schnecki
    Participant

    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.

    September 27, 2024 at 1:25 pm #600736

    Aizaz Imtiaz Awan
    Keymaster

    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

    September 27, 2024 at 10:34 pm #600882

    prof.schnecki
    Participant

    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.

    September 28, 2024 at 12:57 am #600886

    prof.schnecki
    Participant

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

    September 28, 2024 at 8:44 am #600915

    prof.schnecki
    Participant

    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.
    September 28, 2024 at 10:35 am #600933

    Aizaz Imtiaz Awan
    Keymaster

    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

    September 28, 2024 at 11:13 am #600937

    prof.schnecki
    Participant

    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.
    September 28, 2024 at 2:33 pm #601004

    Aizaz Imtiaz Awan
    Keymaster

    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

    September 28, 2024 at 2:55 pm #601014

    prof.schnecki
    Participant

    THX

    September 29, 2024 at 2:04 pm #601085

    prof.schnecki
    Participant

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

    September 29, 2024 at 7:30 pm #601103

    prof.schnecki
    Participant

    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.
    September 30, 2024 at 11:15 am #601284

    Aizaz Imtiaz Awan
    Keymaster

    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

    September 30, 2024 at 1:25 pm #601325

    prof.schnecki
    Participant

    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 🙁

    September 30, 2024 at 2:53 pm #601362

    Aizaz Imtiaz Awan
    Keymaster

    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

    September 30, 2024 at 3:50 pm #601387

    prof.schnecki
    Participant

    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.
    September 30, 2024 at 3:51 pm #601390

    prof.schnecki
    Participant

    And cache is cleared!

    October 1, 2024 at 10:35 am #601534

    Aizaz Imtiaz Awan
    Keymaster

    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

    October 1, 2024 at 10:50 am #601546

    prof.schnecki
    Participant

    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.
    October 1, 2024 at 12:38 pm #601622

    Aizaz Imtiaz Awan
    Keymaster

    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

    October 1, 2024 at 2:34 pm #601671

    prof.schnecki
    Participant

    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.
    October 1, 2024 at 3:29 pm #601710

    Aizaz Imtiaz Awan
    Keymaster

    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

    October 1, 2024 at 4:48 pm #601742

    prof.schnecki
    Participant

    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 🙂

    October 2, 2024 at 10:00 am #601864

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

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

    Best Regards

    October 2, 2024 at 2:21 pm #602006

    prof.schnecki
    Participant

    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?

    October 3, 2024 at 8:46 am #602130

    Aizaz Imtiaz Awan
    Keymaster

    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

    October 3, 2024 at 3:49 pm #602272

    prof.schnecki
    Participant

    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.
    October 3, 2024 at 9:14 pm #602328

    prof.schnecki
    Participant

    Where 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 Awan
    Keymaster

    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

    October 4, 2024 at 9:17 pm #602627

    prof.schnecki
    Participant

    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.
    October 5, 2024 at 10:34 am #602694

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 30 posts - 1 through 30 (of 34 total)
1 2