You can close. Thanks!

Thank you, but still experiencing the same issue. Cleared browser cache and I also tried Firefox and Safari. (All Mac stuff.)
I appreciate your efforts. Maybe it has to do with the header setup or background video?

Thank you again,
Steve

Interesting. Note the code did not work when I put it into the style.css file for the theme. (Using a child theme.)
Placed in the General Styling section, it works, BUT.
At one break point the hamburger menu displays under the logo and left justified, then at another break point the header goes transparent and the menu is right justified as expected.
Can we just get the hamburger menu to stay right justified?
Thank you!
Steve

Update. I went back in and added back this code:

.header_scrolled, .logo, .logo a, .logo a img, #header_main .container {
    min-height: 186px !important;
}

I did this since the logo in mobile was way too small and that code seems to have fixed that issue.

But, In a regular browser window, this seems to push the content on the site (starting with the multi-color green bar) down a bit too much. On mobile it looks fine.

If you have a suggestion, I’d appreciate your input.

Not sure if I screwed up the code at all and want to ensure it is correct. Here is all of the style.css right now:

.header_scrolled, .logo, .logo a, .logo a img, #header_main .container {
    min-height: 186px !important;
}

.av_minimal_header #header_main .container {
    height: 182px;
    line-height: 182px;
}

.av_header_transparency .logo img.alternate, .av_header_transparency .logo {
    min-width: 500px;
    min-height: 182px;
}

• This reply was modified 7 years, 2 months ago by spidercreations.

Bump. Any help or suggestion here?

I did not provide log in details, simply access to the websites that are live. Yigit mentioned my workaround is usable until an upcoming Enfold update to fix the issue.

As noted, I got everything to work properly, so I’m all set. I just wanted you to be aware of the issue.

Since you noted “The retired version warning does not affect the functionality of google maps, but with the next update we modified this element so it will be easier for users to update the version number so this warning can be avoided.”

I’m fine with that, as the next update of Enfold will include the fix.

Thank you,
Steve

Sorry, somehow I missed your reply. If you look at the site, your code resulted in the header getting messed up.
There are five widgets in the header up on the right side, all positioned with CSS. The Book Now button, as well as the four locations with phone number.
This is what happens to the header with the code you provided.
https://snag.gy/PnS3hT.jpg
The header should look like this:
https://snag.gy/Ywbm6G.jpg
So somehow, the code to edit the section below the big image is messing with the placement of the header widgets.
Note that I put the full CSS in the zerobin link provided. Check out the sections under… /* This is the Book Now widget */ and
/* These are the four location widgets */ as those are the placements for the widgets in the header.
Thank you again so much.
Steve

• This reply was modified 7 years, 7 months ago by spidercreations.

Sarah,
Thank you. For the second item, it’s not working as expected.
As the screen gets smaller, the first column does show up, but the other four columns are not show until the screen is LESS than 740 pixels. Then they show up stacked on eachother.
In short, the Book Now button (first column) is correct, but the other four we want to show up only between 1100 and 740.
I tried to switch some numbers around with no luck.
Note that I already have the .show-mobile CSS assigned to that row. I did that by opening the first column in Edit Column > Row Settings.
If you have a better approach, I’m totally open to ideas.
Steve

To follow up… This is what I did to get the menu in the socket area…

https://kriesi.at/support/topic/footer-menu-in-the-socket/

It works, but it’s off center. Possibly due to having too many items in the list.

So, trying to get it centered is still an issue, plus I would like to hide the menu below a specific width if possible.

Steve

Thank you. The CSS for the first request simply pushed the search icon over to the left next to the social media icons.
We’d like to have the three individual social media icons and the search icon RIGHT justified, with the rest of the menu as it is now. See attached image in the private content area.

For the home page, yes … I’ve attached a screen shot of what we are looking for. Maybe that clarifies what we are looking for? Open to ideas as to how to center a couple of columns when they are smaller widths. I thought I had found some instructions on Kriesi.at on how to do this, but can not located now.

For the footer, we actually added a new menu into the footer.php area and styled it, but we can not seem to get it to be centered. In a computer browser, the menu is showing all of the nav elements, it’s just that it is pushed over to the right a bit and not centered. Also – as you’ve pointed out to me – it’s not working properly when the screen width is reduced. After centering, I’m tempted to just hide it on narrow screens.

I realize this may be beyond the scope of normal support, and if that is the case, that’s OK. I appreciate any help you can provide, but will understand if this is beyond your scope.

Steve

Thank you. I’ve added your code not to functions.php, rather to style.css for the child theme and everything is working now.

Thank you very much for the effort! I’ll send a note to the developer of the other plugin.

Steve

Attached.