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

While this does fix the contact form, it does appear there is a responsive bug within that element… when I place other things in there, they break on small screens.

Thanks Yigit!
I notice a new update came out today… does that fix the issue with the accordion element or should I add this css?

Also while we are talking elements, one little easy suggestion for Gunter… now that there are so many elements in ALB (yay!), would it be possible to alphabetize the lists of elements especially under “content elements” to help find them quicker? :)

Thanks!
Rob

Attempting photo paste again:

• This reply was modified 4 years ago by goldengate415.

Thanks all… this one’s not a burning issue for me and I’m swamped with work so will wait to enable until after it’s out of beta… just wanted to let you know there was an issue. Fine to close thread. Thanks!