Hi Yigit, that worked, thank you so much!

Best,
Rob

Hi all, I tried to use the accordion element and am still having this problem even with above css code installed…. any suggestions?

Thanks,
Rob

Thanks, Rikard, good to see you and hope you’re well. OK to close the thread – I am all set.

Thanks much,
Rob

Hi Mike… we just went live with the website and for some reason some of the styling on the menus has gone a little crazy. So glad you didn’t close this yet. I’m wondering if some of the custom css and advanced settings (under enfold settings) are fighting with each other? Can you log in to the site and take a look? (new credentials below).

The specific issue right now is that as you scroll down, the anchor link areas (about and contact) become larger on the compressed menu bar at the top (desktop) as you pass each anchor. And then when you go back up to the top they don’t get small again. I would prefer that they just remain the same size as user scrolls down. I don’t think I changed a setting that would affect this but I did change hover font size and color in advanced settings.

Thanks much! And sorry to keep prolonging this thread… I really appreciate your help and I think we are at the finish line.

Rob

Thank you!! Final question…
css to center logo on mobile only please?
I searched and found the below but it does not do anything…

.responsive #top .logo,.responsive .logo img { width: 100%; }

Thanks,
Rob

Thanks Mike, that works! And can the delayed header be only for ipad / desktop sizes?

My mistake… I copied the code from the email instead of the forum… rookie mistake from someone who has been Using Enfold since 2016… LOL

Also I think our responses crossed, but wanted to make sure you saw:
“One more thing… can you give me the css or function.php to make the initial header the “shrunken header on scroll” size?”

Thanks!!
Rob

Hi Mike!
Thanks for all of that code. On the dekay header in functions.php, I’m getting this error:
Your PHP code changes were rolled back due to an error on line 21 of file wp-content/themes/enfold-child/functions.php. Please fix and try saving again.

syntax error, unexpected ‘?’

Here’s line 21:
function delay_header() { ?>

thanks,
rob

Thanks, Mike, that works great and works on mobile too! ( I was worried it might mess up mobile…)
A couple more questions before we close the ticket:
1. Is there code to make the mobile header background header transparent on first load? on scroll?
2. This one is a lot harder and I don’t think it has a solution…. is there a way that the website header can wait to load until after the first splash screen / slide on the slider… perhaps a delay load of x seconds for the initial header?

Thanks,
Rob

Haha Mike thanks for the response but I’m not quite THAT bad! :) I realize my question was not too clear. I’m not looking for how to set the colors for the entire site.

There’s a color palette that comes up in text boxes of predefined colors. There are also boxes (undefined) for a custom palette of 5 or 6 squares for your own custom colors to come up in the grid of options. So if you’re creating a text element you can quickly select one of of your custom colors for the text without typing in the HEX number each time. Right now all of mine are blank.

That setting exists somewhere right?

Thanks,
Rob