That worked perfectly!

Thanks so so much, Yigit!

Hi Rikard,

Thank you so much for that.

I would like the button to sit under the header. Would that be possible? I was wondering if I could have a submenu item (using the fullwidth submenu) that I ‘tell’ it to link back to the previous page?!

Thank you.

Hi.

Thanks for your reply.

If you could check the link again, you’ll see what I mean. I had forgotten to make the header to adapt to the browser window. If you see now, the text block doesn’t align with the edge of the browser window & therefore logo.? Does this make sense?

Thank you.

PS. Not sure how to attach a screenshot! :-/

Hi.

Thanks for the advice.

I believe there is a fault in the theme when you have fullscreen slider, fullwidth submenu and transparent header. Maybe something to look into & fix for the next update?

I am currently making another website using Enfold theme again, as I do really think it’s one of the best. I created a page to test the fullwidth submenu / transparent header situation. Since I don’t have a lot of info on this website yet and not many plugins installed I thought i’ll test it out. As you see on the link attached the submenu appears above the header instead of below.

Regards,

Eva

Hi.

Thanks for your reply. Unfortunately this works only for a specific screen size. On larger screens those menu items don’t appear at the correct location. :-(

Regards,

Eva

Hi Ismael.

Thank you for this. It worked OK. Only issue I have is that because the fullwidth submenu is too long, on smaller screens the second line is way too low as you can see on the attached link.
If there’s an easy code to fix this, please let me know.
Otherwise, I might try and reduce the size of the submenu.

Thanks again!

Eva

Hi.

Thank you for the reply. I added the updated code, but again no luck, as you can see on the link. Could you possibly have a look at the quick css code and see if you can maybe spot something that doesn’t look right?

Thanks again.

Hi.

Yes, I had tried that. I added the page-id and post-id giving different values to each, but it still didn’t fix it. It fixes one page but not the other. :-(

Thank you for trying to help. I think that there may be some kind of fault within the theme? Maybe? That the fullwidth submenu doesn’t respond well with a transparent header? At some point I removed all the Quick CSS code & deactivated all the plugins and the fullwidth submenu still jumped to the top when I changed my header to transparent.

I feel we have tried pretty much everything at this stage.

I do really like the theme and I even bought it again for another site, but it’s been driving me insane with this.

Let me know if there is something we haven’t tried so if there’s anything I’m doing wrong.

Thanks again.

Hi.

I did what you suggested and I tried to find a solution to it using a combination of codes… So I managed to sort it using these codes:

#top .av-subnav-menu > li { padding: 70px 0; }
#top .av-submenu-container { height: 30px; border: none!important; }
#top .sticky_placeholder { height: 0px!important; }

.main_color.av-submenu-container, .main_color .av-subnav-menu a {
background: transparent;
}
#sub_menu1 {
background: transparent!important;
}

But, if you look at link no.1 you can see it works fine. But then it doesn’t work for links no.2 & 3. Do you think you could possibly provide a code which applies the above code only to specific pages? I need it to be like this on all the portfolio items? I tried something myself but with no luck.

Thank you for your help.

Thanks for your quick reply Andy.

I tried this code, but again the fullwidth submenu appears on top of the header. When I have a non transparent header everything appears normal; the minute I change it to transparent the submenu jumps to the top.

If this (the transparency) doesn’t work, maybe an idea would be to add a semi transparent background to both header and fullwidth submenu? Would that be more manageable?

Thank you.

Hi. I’m afraid this didn’t help either.

Any ideas on how to resolve this? It’s strange that the minute I change the header to transparent the full-width submenu moves to the top of the page and it doesn’t even work!? Seriously stuck with this issue.

Thank you.

I was wondering, can I upload the new Enfold version using my cPanel and not ftp?

Thank you.

Hi. I’ve added the code and cleared the cache. Now the submenu has no grey background but it sits at the top of the page instead of under the header. Also it doesn’t look like it works as a menu.? I added a whitespace element but that didn’t work either?

Thanks.

Hello. Thank you for replying.

I’m afraid I haven’t achieved what I need yet. I need my header & fullwidth menu to be transparent on pages where I use the fullscreen slider so that it is visible behind the menu/submenu etc. When I choose the header to be transparent the fullwidth submenu jumps up to the top of the page with a grey background.
Please check the link I’ve attached and let me know if you need more clarification.

Thanks again.

I haven’t received a reply yet and I need to put my site ‘under construction’, so I’m attaching the login details privately if you need to visit the site.

Thank you.