-
Posts
-
Hello,
I was wondering if it is possible to fix the transparent header on a specific page.
I use the transparent header on this page: http://delruseurope.com/home/.
I use the transparent variant on this page only: the other subpages are normal.
(This page will be published as the main page on the http://delruseurope.com/ url in a few days.)Is it possible to fix the header or switch off the scrolling function on this specific page?
I don’t want to show the logo in the left corner and I don’t want the “flexible” menu, I just want a static menu on this page.Thank you,
Zsolt
Hey brandworld!
You can add following code to Quick CSS in Enfold theme options under General Styling tab to hide logo on your page
.page-id-47 .logo { display: none !important; }Can you please elaborate? What do you mean by “flexible menu”?
Cheers!
YigitHi Yigit,
thank you for your answer.
I pasted the css and it works. The logo does not appear, but the menu is not static.
I mean I want the menu static on this subpage:
The height of the menu is flexible now and it is always on the top of the screen, when I scroll down, but the menu should not have this
function on this subpage. It should behave like a normal page element: disappears when I scroll down.I hope it helps.
(Is it possible to attach a screenshot?)Zsolt
Hi Zsolt!
It would be the best if we see a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Best regards,
YigitHello Yigit,
Thank you.
I made two screenshots:
01. With comment:
https://dl.dropboxusercontent.com/u/30820584/Home%20-%20DELRUS%20EUROPE%27%20-%20delruseurope_com_home.jpg02. A sample what I would like to see when I scroll down the home page:
https://dl.dropboxusercontent.com/u/30820584/Home%20-%20DELRUS%20EUROPE%27%20-%20delruseurope_com_home_without_menu_when%20scrolling_down.jpgZsolt
Hey!
Thank you for the screenshots.
You can deactivate the Sticky Header on Enfold > Header Layout > Header Behavior panel.
Cheers!
IsmaelHello Ismael,
thank you for your answer. We are closer to the solution, but not 100%.
As I wrote it in my first post I want to do this change only on the homepage, which is here at the moment:
http://delruseurope.com/home/So I want to use the sticky header function on the entire site EXCEPT on this one: http://delruseurope.com/home/
Is there a solution?Thank you
Zsolt
Hey!
Thank you for the update.
I’m sorry but that is not possible without major customization on the theme. Please hire a freelance developer to re-configure the header scripts. For further modifications, please visit Envato Studio or Werkpress.
Cheers!
IsmaelHi Ismael,
thank you for your answer.
My client looks for a simple solution. Is it possible to change the background color of the header menu from white to #F2F2F2 onTHIS SPECIFIC PAGE ONLY?
Screenshot:
https://dl.dropboxusercontent.com/u/30820584/How_to_change_background_color_of_home_menu%20%27Home%20-%20DELRUS%20EUROPE%27%20-%20delruseurope_com_home.jpgThank you,
Zsolt
Hi!
I checked the site and the background is being added to the home page only. Try to change the background to red, for example:
.page-id-47 #header { background: red; }Regards,
IsmaelHi Ismael,
thank you. Yes that works great, it is added to the home page only.
Sorry if I was not clear: my proplem is that the menu background color is not #F2F2F2 at the top.
You can find here the screenshot:
https://dl.dropboxusercontent.com/u/30820584/Header_Menu_Color_when_scrolling_down.pngZsolt
Hey!
I can’t scroll the site, maybe because the screen resolution on my monitor is higher. Anyway, you can use this:
.header_color .header_bg { background-color: #f2f2f2; }Regards,
IsmaelHi Ismael,
thank you for your answer.
If I am not mistaken it is a “global” code which effects the global site.
Do you have a version wich will effect the “Home” only (Page ID 47) as we discussed it before?Zsolt
- You must be logged in to reply to this topic.