Pls, I am trying to create an overlay page (portfolio page) but the menu isn’t transparent at the top.
Pls check https://hiideemedia.com/services
I also want to use a different menu for only the overlay page because I want a simple parallax one page. with #work #home etc to control the scrolling.
Hello,
You can use assign another header template for that page -> https://i.imgur.com/cQBG31B.png, or duplicate the existent one and set the menu that you want.
Thank you!
Great got that. The menu now works fine.
But I set the menu to be custom links with #work #home #about #blog #contact as values. I expect it to look for the keyword on the page and move to the section but it didn’t. Pls how can I set the parallax to work with the menu??
Also, I want an arrow pointing down at the middle on the user screen after the slider to scroll to #about after clicking it.
Also I want the arrow to disappear once user passes the slider down to other sections.
Hello,
If you want to have the menu like this https://www.screencast.com/t/pA7nIJuafC you need to create the menu with a custom link -> https://i.imgur.com/ahzJgGH.png
If you referring to using anchors links, you can do it easy. You need to set an extra class on the element, for example, I set it on the “Single Post Comment” => https://i.imgur.com/EewW11X.png and set the class on the element icon or button, in Scroll to class => https://i.imgur.com/O3x7xpV.png -> https://imgur.com/xqIOgu0
Thank you!
Yes, I am talking about menus like https://www.screencast.com/t/pA7nIJuafC. See my settings for my menu at https://prnt.sc/Ay-RKS8BiOQz
I think there is more settings to make the menu scroll to each section.
I also noticed the overlay header isn’t transparent on mobile devices. pls check at https://hiideemedia.com/services
I didn’t notice the navigation label earlier. I have fixed it and it is now scrollable.
Regarding mobile transparent menu. I have make the background of mobile menu transparent but it still shows black background. Pls how can I make it transparent overlay like desktop view?
Hello,
Please make sure you have the tagDiv plugins activated (composer, cloud library).
I can’t checked your website https://i.imgur.com/Vao8OFh.png
Thank you!
Ohh I updated the theme manually due to some PHP code I modified in functions.php so I forgot to update the plugins as well. It is now showing you can check for the mobile menu overlay issues. Thanks
Hi,
The mobile menu is not really recommended to use on the desktop, but if you want please check this topic -> https://forum.tagdiv.com/topic/can-i-create-side-panel-using-menu-button-in-my-desktop-version/
Also, for menu transparent, you need t set the transparency from Newspaper -> Theme panel -> Theme colors -> Mobile menu -> Background Gradient color: https://i.imgur.com/FDspVys.png
Thank you!
The menu still shows black and white background on the page after setting it transparent in theme panel. Or can’t the top menu be transparent for mobile devices because I noticed it doesn’t on tagdiv page (https://tagdiv.com/portfolio/iflow-web-developement-design-project/) when using mobile to check. Pls I think you should look into this in next update.
Note: I am not using the tagdiv mobile plugin.
Thanks.
Hello,
For our menu, that’s how it was done.
I saw your menu is transparent -> https://i.imgur.com/efjsI0R.png
Thank you!
Ohhh I meant the background where logo, search icon and menu icon shows on. Not navigation menu background. I want the top background to blend with the slider like PC own.
Hello,
So, you referring to the mobile header -> https://i.imgur.com/BmVCCUh.png, right?
if yes, you can edit it from Manager (Website Manager) -> mobile menu/sticky -> https://i.imgur.com/6wgVHk8.png and you can set the color on the row in the tab CSS -> https://i.imgur.com/xFvADzW.png
Thank you!
That was exactly the settings I did and it didn’t show transparent. I even try to check again to confirm the settings and still the same thing. It is slightly transparent only on scroll. And I set transparent for both sticky and mobile header. Any way out now?
Hello,
So there are four headers (normal and sticky), so if you want to have set transparence for all, you need to set the transparency for each header or copy-paste the style for each row -> https://i.imgur.com/nXVc96J.png -> https://i.imgur.com/W81c9MG.png
Thank you!
The mobile header is now transparent but it picks the page background. Instead of showing at the top of slider like PC view. i.e. showing at the beginning of slider
Hello,
You can set the mobile menu overlay like for desktop -> https://i.imgur.com/uEX1Ctm.png
Thank you!
I don’t have the option here. Kindly check my screenshot at https://prnt.sc/KpcKHFhyeoVQ
Hello,
You need to select the zone to have that option -> https://www.screencast.com/t/V3K79NqOkwXT
Thank you!
At last, i got it this time. Thanks so much.
Hi,
I’m glad.
Have a nice day!
Hello Anamaria,
I have installed the menu of the Dentist Demo Page, and implemented the anchor links configured as you described.
On the main page, the anchor links work without any problems.
But on some other sides (www.mydomain/blog) the anchor links don’t work and I don’t get redirected back to my main page.
How can this be solved?
Kind regards
Joe
Hello Joe,
Please provide the link to your website.
Thank you!
