Forum Replies Created
-
Posts
-
No, I would have told you guys. I’ve removed the custom script provided since this is taking some time to get resolved. It was making things slightly worse as far as the anchors being “off’.
I’ve documented the solution by pulling in information from multiple posts.
Okay to close. Will document on my website and the Enfold Facebook group. I would write this up guys, as there’s clearly some confusion.
There are steps performed that are not fully disclosed. Many people have asked for this, so I think it’s worth documenting fully.
By the way, I’ve started a documentation section for Enfold users on my business website. Any efforts will only help everyone in the long run.
Thanks, but that padding causes the need for more CSS (e.g. negative margins, negative padding) of other elements.
If a page has a Blue background for Color Section 1 and the header is set to Transparent with Border, the header is Blue across desktop, iPad Landscape and iPad Portrait.
Why in the world would this NOT flow down to all smaller devices. Unless I’m missing something this makes no sense. You shouldn’t have to mess with padding, margins, position or any other settings that “position” an element. when we are ONLY talking about colors here.
When support looks at the site, it may appear to be “fixed”. I manually went in and added CSS to cover the header background color of EACH page.
Please provide a solution that doesn’t require all of this CSS and doesn’t require remembering to do this for every new post/page that’s added.
Thanks!
Every time a do a project and introduce a different Header and Transparency option, I run into this issue. If we set a header option for a page, it should work across ALL media queries.
Thanks, but there has to be another way. Adding whitespace or a separator to every page is not practical.
We’re good to go here. Appreciate the help.
Is there a place we can go to submit, vote and see the progress of feature requests?
That produces the following. I’d really like to avoid all of this CSS, for what should just work according to the settings in Enfold > Header. Why aren’t those settings working?
Hi. Almost there. Not sure why the Enfold > Header > Transparency settings aren’t kicking in. Please see image. Thanks!
If you look at the desktop version, that should show you all you need to know. I want to replicate that look across all devices.
Hello. Thanks, but this sets it to be fully transparent. I’d like the Glassy Transparent across all devices sizes.
The root of the problem, in my opinion, is Enfold defines the mobile menu as breaking at 990px, rather than iPad Landscape (1024px). I think if Enfold ran a poll to ask their customers for their input, very few would say 990px should be the mobile menu breaking point. At the very least, there should be more options to define the breakpoint.
Rant aside, adding your code doesn’t fix the issue. My current CSS is at the bottom of this response, which has all come from different moderators.
I need the code to:
-Show the burger menu on iPad Landscape and below
-Show the shopping cart on iPad Landscape and below/***ENFOLD – FIXES MOBILE MENU NOT SHOWING ON IPAD LANDSCAPE***/
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
nav.main_menu {
display: block !important;
}
.menu-item.cart_dropdown {
display: block !important;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}}This was only supposed to target the transparent and glossy header, as my original CSS showed. Regardless, this is good enough for me at the moment. Thanks.
