hi Rikard,

Thanks that worked. Oddly after changing just the homepage sliders to the new convention of 1 and 2 in the css all the other ones worked again with the original numbers from the shortcode in the css. I changed them all to the new convention of course as it is correct. Thanks for clarifying how that works. You guys are the best.

Tony

That worked fine, thank you.

Ah-ha! The display font itself was causing the anomaly, how odd with all other fonts no issue. Lesson learned I guess. Close this thread. Keep safe there guys.

So awesome, thanks so much.

As always you guy exceed expectations. Bu then that’s why I’m using Enfold for all new clients anymore.

Case closed.

Hi Ismael,

Thanks for the sticky menu, but the issue happens again on pages without a color section up top the headline moves up behind the menu. See here:

https://specinv.com/wp-content/uploads/2020/03/IMG_1533.png

I had it to this point before but I am reticent to fix the issue by adding space above these sections as I don’t know why it’s happening.

Thanks,

Tony

HI again,

This site has been quite an adventure. Some of the issues where from the server side at Hostgator apparently. I deleted the site for a while and we saw odd things on default, fresh installation of wordpress running the default theme. That seems to be rectified now.

Anyway where we stand now is the site is functioning mostly correctly, however I need the menu on the mobile version to be translucent like it is on the desktop version and sticky, then when you scroll up it becomes more white but still slightly translucent as you can see on the desktop version. Adding the sticky menu css I find online for the mobile version now has no effect at present, I wonder if it conflicts with the other code somehow? Right now when the mobile version scrolls up the menu is switching to the white, but in both the initial phase and the scrolled up phase it is not translucent, and as I mentioned it isn’t sticking.

Here is the css in place which references the menus on the site:

/* top menu bar transparency*/
#top .av_header_transparency {
background: rgba(24, 24, 24, 0.32) !important;
}

@media only screen and (max-width:767px){
#top .av_header_glassy.av_header_transparency .header_bg {
background-color: transparent;
opacity: 1;
}
#top #wrap_all .header_color.av_header_transparency {
color: #fff;
}
#top .av_header_transparency {
background: rgba(24, 24, 24, 0.32) !important;
}
#top #wrap_all .header_color div .av-hamburger-inner,
#top #wrap_all .header_color div .av-hamburger-inner::before,
#top #wrap_all .header_color div .av-hamburger-inner::after {
background: #7c6853;
}
#top .av_header_transparency .header_color div .av-hamburger-inner,
#top .av_header_transparency .header_color div .av-hamburger-inner::before,
#top .av_header_transparency .header_color div .av-hamburger-inner::after {
background: #ffffff;
}

}

/* smaller menu mobile*/
@media only screen and (max-width: 767px){
.responsive .logo img {
max-width:20%!important;
}
.responsive #header_main .container {
height:79px!important;
}
}

I’ve reset the user login for you below.

Thanks so much, this one has me chasing my tail.

Tony

Oy. Sorry, still have an issue after all. Ok I realize the css I deleted that stopped the overlap from happening was this:

/* sticky menu mobile*/
@media only screen and (max-width:767px) {
.responsive #top #wrap_all #header {
position: fixed !important;
}
.responsive #top #main {
padding-top: 0px !important;
}
#header_meta {
display: none;
}

But I do need the mobile version menu to be sticky. If I put that back the malfunction reappears.

See here:
https://sicyber.com/newsite/wp-content/uploads/2020/02/IMG_1527.png

I have removed that for now, is there better css to make the mobile menu sticky?

Nice. That code is amazing and keeps the nice effect we wanted.

I still have s small issue, on pages without the color section up top the headline is shifted up behind the top menu bar:

An example of this as a screen grab:

https://sicyber.com/newsite/wp-content/uploads/2020/02/Screen-Shot-2020-02-28-at-3.07.49-PM.png

This screenshot is off the desktop browser made very narrow, but the same thing happens on the mobile device.

By the way is there a way to have the social icons appear up top on the mobile version as they do in the screen grab? They disappear on the actual mobile view.

Thanks so much, you guys are awesome.

Nope all good, the solution is for the sticky sub menu head on the desktop and the regular mobile menu. Thanks so much.

Never mind, I thought of a way to make both versions in the same color section. I think what I was asking was impossible anyway.

Hi sorry not sure why that didn’t work.

login: https://sicyber.com/newsite/wp-admin
user: temp
psd: daqteg-teshIm-4myxfy

Thanks Jordan,

Glad I asked was down on several sites and I hadn’t noticed. I gather that’ll be a built in bug fix in the next update to Enfold itself.

Tony

Oh sorry that was just from the last time I typed it back in after trying to change the width. It doesn’t change width with the px there.

Client breathing down my neck, hopefully you can revisit this soon? Much appreciated. Tony

Right you are. I forgot I built out the new version of her site on her server which had no ssl certificate then migrated it. While it’s in place as https now the anchor links needed a update.

Thanks so much!