-
Posts
-
Hi, you’ve probably got a workaround for this, but using the second-level menu as a nav bar, in conjunction with the full-width layerslider, causes some of the menu items to wrap down and overlap the slider images. How can this be dealt with?
The site can’t be seen without being logged into; I could upload a screen capture but I don’t see how to here.
thanks.
Hey ecojedi!
I’m not quite sure what you mean from the description so we’ll definitely need to see the site. You can add private data to your reply or make the post fully private.
Best regards,
DevinHey!
Thank you for the info.
Try adding this on Quick CSS or custom.css:
.avia_mega_div.avia_mega2.six.units { margin-left: -200px !important; }Regards,
IsmaelHi!
You can use imgur, dropbox, clipular etc. to post a screenshot. The css snippet above should move the mega menu towards the left.
Cheers!
IsmaelHey!
I’m sorry but I can’t see the issue. Did you remove the sub menu? We need to see it in order to provide a fix. On what browser and OS are you testing this?
Cheers!
IsmaelHi!
Seems you have changed your menu structure, i’m not seeing the encroaching. If you plan to have a larger menu i’d suggest activating this option so the mobile menu appears sooner:
Regards,
JosueHow are you not seeing it after I just described it? Look at the buttons. Look at the dolphin picture, the buttons are overlapping it. Please count them, there are 8 menu buttons and some of them are inside the dolphin image. We need to allow the user to see them
Is there no way I can get tech support on this? The site is built on enfold but can’t go live while it’s screwing up this badly.
DW
There is apparently a flaw in enfold dealing with the full-width layer slider, when the 2-level top menu is used. Please keep looking at the examples I’ve showed UNTIL you see it. It is a major problem our programmer has tried and failed to find a workaround for. The only ones who can’t seem to see the effect are Kriesi moderators. Please help me be less frustrated – give me a phone number to call, or just look at the stuff provided, really look, read what I’ve said, and please help. There is no way in english I can think of to describe it any better, and you have a picture of it as well as access to the site. Please do not assume no problem exists.
DW
Hey!
I can see the problem now (i was seeing a lesser number of menu items when i first loaded the website), the solution is very simple, you need the mobile menu to appear sooner so the encroaching doesn’t happen.
Cheers!
JosueNo, that’s not a workable solution I’m afraid. It is important that those menu items be VISIBLE for the navigation to work. Having it disappear entirely except for an obscure little box doesn’t cut it.
Is there any way for me to work around this other than tediously adding a strip of blank white to every image in every layerslider used? A way to pad it so the buttons stay visible on all computer browser sizes? Inserting a bit of white padding between menu and layerslider would seem the best bet. But we haven’t found a way.
DW
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 1139px) { #header_main_alternate:after { content: ""; background: white; display: block; height: 35px; width: 100%; position: absolute; } }Cheers!
JosueQuick question while I’m waiting for our web designer to input that code…
In the avia layout builder, there’s a “separator/whitespace” option in the content elements which I didn’t see in earlier versions of the theme, maybe it was just me.
However, I can’t get the thickness of the white space to go below about an inch, even with high negative numbers. What number corresponds to the smallest white space which can be inserted that way?
thanks
Hey!
Negative numbers work on my local install – http://screencast.com/t/bNpcXimg. Can you post a link to the page where you are trying this?
Cheers!
JosueActually, I’d better not mess with it while waiting for my web guru to implement that last suggested command.
Maybe you could tell me – what negative number corresponds to zero white space, or to the minimum that element will display? It did seem to work but I couldn’t get the white space any smaller than about an inch deep. Then again, I was using basically made-up negative numbers, not knowing the acceptable range.
thanks
Tried -1, that still leaves seemingly more than an entire inch of white space inserted. I need to be able to add fractional inches.
Hi!
What elements are you trying to separate? Adding negative values should move the white space and all of the content below upwards.
Regards,
IsmaelWell, not to be obvious, but I’m trying to pad the menu so it doesn’t overlap the layerslider, by adding a bar of white for it to overlap instead. The bar it adds is too thick though.
same page, same link as above, must sign on using the passwords given. FlipperFund page. Currently turned back off. But really, try it yourself. Can you insert space between the header and the full-width layerslider in an enfold site? If so, how? I think the question, at least, is simple. We have been unable to so far.
Hi!
You want the slider to be behind the header? – http://screencast.com/t/cweLrNwz
Have you tried selecting a transparent header in the Page options?
Best regards,
Josue@media only screen and (max-width: 1139px) { #header_main_alternate:after { content: ""; background: white; display: block; height: 35px; width: 100%; position: absolute; } }Hello, I’m the Web Designer for this site.
The above code works to fix the problem, unfortunately the white space it creates still overlaps the slider. Is it possible to adjust the code to move the slider downwards when a second menu line is created?
- You must be logged in to reply to this topic.