Transparent Menu

Hi There,
We’d like to create a transparent menu like your demo which is transparent till scrolled, once scrolled it’s got a background color.

Thanks for the help in advance.

Hello,

Thank you very much for choosing our theme and contacting us.

Please provide title of the demo or link to the demo you want to cofigure

Best Regards

Hi Elise,
I had embedded the link in my original ticket : https://woodmart.xtemos.com/shop/?per_page=12&demo=food

Hello,

In order to configure such an option please navigate to Woodmart > Head builder http://prntscr.com/iyd2pe Choose the proper header type (your current) http://prntscr.com/iyd333

Make header overlap https://xtemos.com/docs/woodmart/header-builder/enable-header-overlap/

Best Regards

I had already tried your solution but unfortunately, it does not work.
Can you please log into the account and set it as you know?
Admin/pass in private section.

Hello,

Now you have the transparent menu. If you set the transparent menu for sticky it would not be readable http://prntscr.com/k1q84q and http://prntscr.com/k1q8a4

Best Regards

Hi, Thanks but that is not working on the product page. As said ( and sent link) we want it on product pages too.

Hello,

Header overlap is not applied for the product page. You can check any demo with overlap header and product page has sticky header only.

Best Regards

Ok 1 question and 1 issue now:
1- How can we set two different headers? One for Normal pages and one for product… Possible?
2- After you checked our site our custom fonts are not working anymore…They were working fine but we can’t fix it…can you please check?

Cheers,
Mike

Hello,

This option will be added in our nearest updates. Now you can set vice versa: default which will be for products, and a custom for each page. If you do not have a lot of pages it is a wayout for a while.

As for the fonts, please provide the screen of the settings:

Here are your settings in admin: http://prntscr.com/k2175t and here is the styles of the text: http://prntscr.com/k217gk

Please clarify what it is wrong?

Best Regards

The problem with the custom font is attached in the screenshot.
We checked in 2 browsers, safari has a cache from past and it loads the font.
In FF we cleared cache and it can not load the font.

Also, we tried with another computer and gtmetrix and none could load the fonts…

Ideas?

Attachments:

You must be logged in to view attached files.

Hello,

You need to upload all the font files format. Here is the detailed step by step instructions https://xtemos.com/docs/woodmart/faq-guides/upload-custom-fonts/

You have uploaded different types of FuturaPT into the Theme Settings that is why the problem occurs https://gyazo.com/e5407414bb3380d2de3225d9bf6205b1

Please upload the fonts correctly and check the issue again.

Best Regards

Ok thanks the issue is resolved for now but this looks like a bug cause for another type of fonts I just used the random font you had added and not my Fututra font is working!

Hello,

Fututra – Book and Fututra-regular are different fonts and you will need to add two times as per the tutorial.

Best Regards

Please watch the video in the private section to get what I mean.

Hi,

First of all, it’s worth mentioning that the adding of fonts to the site differs from adding a font to a text editor or Photoshop. Adding all five formats (woff,woff2,ttf,svg,eot) of the same font are required in order to fully guarantee their identical display in all browsers (which you actually complained about earlier).

For more information about font compatibility and the purpose of the formats, see this articles (https://www.w3schools.com/css/css3_fonts.asp, https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp) and the compatibility table given in it (https://gyazo.com/c637421bd4bbd20813392f263eefbac5).

Usually, the resources that distribute web fonts provide them in a package of all formats at once. If you do not have all the formats of the same font, please use the font converter that you can find in our documentation (https://xtemos.com/docs/woodmart/faq-guides/upload-custom-fonts/).

hkgroteskpro font that you saw in your settings is the font that is installed by default with our demo content Glasses version and if you want to add your font instead of it, you need to replace all five specified fields or just add your new font below.

Regards

[Author]

Posts