Home › Forums › WoodMart support forum › Transparent Menu

Transparent Menu

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 2, 2018 at 10:22 am #65595

    moseny
    Participant

    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.

    July 2, 2018 at 11:07 am #65597

    Elise Noromit
    Member

    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

    July 2, 2018 at 11:27 am #65599

    moseny
    Participant

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

    July 2, 2018 at 4:15 pm #65643

    Elise Noromit
    Member

    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

    July 2, 2018 at 4:57 pm #65652

    moseny
    Participant

    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.

    July 2, 2018 at 7:04 pm #65663

    Elise Noromit
    Member

    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

    July 3, 2018 at 3:52 am #65687

    moseny
    Participant

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

    July 3, 2018 at 8:33 am #65734

    Elise Noromit
    Member

    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

    July 3, 2018 at 12:50 pm #65811

    moseny
    Participant

    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

    July 3, 2018 at 1:24 pm #65815

    Elise Noromit
    Member

    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

    July 3, 2018 at 4:33 pm #65861

    moseny
    Participant

    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.
    July 4, 2018 at 6:16 am #65897

    Elise Noromit
    Member

    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

    July 5, 2018 at 5:49 am #66055

    moseny
    Participant

    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!

    July 5, 2018 at 6:58 am #66075

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    July 5, 2018 at 7:09 am #66078

    moseny
    Participant

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

    July 5, 2018 at 10:11 am #66256

    Bogdan Donovan
    Keymaster

    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

Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Transparent Menu’ is closed to new replies.