Forum Replies Created
-
Posts
-
Thought of Uber…but pretty sure it only allows ONE megamenu per page.
Do you think that would be one ENFOLD megamenu and one UBERmenu megamenu?
Whatcha think?
Josue, think this is a tricky one!
Okay, I tried to isolate out the (NOT ENFOLD’s) mega menu that I put in the content of the page. (I put normal Enfold items below it just so there was content on the page.
Would prefer to use normal Enfold mega menu, but that doesn’t appear possible.
So this is an Unordered List and CSS to test out the concept of actually using a Mega Menu WITHIN content of page.
The temporary test page is:
http://trackitanywhere.com/menu-mega-dropdown-menu/It would be wonderful if I could make it mobile/responsive….and I’d prefer to use the already-existing Enfold mechanism, if possible, so I don’t reinvent the wheel…
What do you think should be my first step?
Or is there a better way?
NOTE: There is already an ENFOLD megamenu as the main navigation on this test page.
Thanks for taking a gander at it!
Appreciate you answer, Rikard!
This is a test page, but here’s the URL:
http://trackitanywhere.com/menu-mega-dropdown-menu/The thin gray vertical lines I’d like to get rid of — particularly for columns 3 and 4, which are just to make the menu wider to cover an element on a particular page. (Not currently on this one, but…)
Any ideas?
Thank you, Josue. I am on localhost, so it’ll take a few more hours to get that page up and working. Am plugging away at it.
I’ll be back!
Thank you…DEFINITELY closer.
The top-level of the custom menu is now horizontal. That’s good.
The second level of the custom menu is now visible for ALL top level choices. Not what I had hoped.For comparison purposes, I put a full width sub menu UNDER the custom menu in the widget.
Is there another bit of magic that will take the sub-menu and make it work the way the full-width one does?
Thanks again…the inline-block CSS will definitely go into my “CSS Library!”
Elliott, the URL above does have the widget and the what-comes-out-as-vertical custom menu that should be horizontal.
Can you tell me what the horizontal CSS would be?
I could easily do the straight links, but would like to know the horizontal CSS in case I need in the future for a more complex menu than my tester menu.
Thanks for your very speedy reply!
Andy, thank you!
The max-width is the one I didn’t use, I think. Did the trick!
One more (hopefully) quickie question…for future reference:
On MegaMenu, is there a way to make a single column wider?Thanks for looking at this, it was frustrating me.
Thank you, excellent answer again, Josue! Shall do.
I’m not certain why my CSS didn’t work with the page-id in Quick CSS, but…
This is good enough workaround!
Out of curiosity, does the Enfold setting you indicate use CSS or Javascript to achieve the “hide”?
Yep! That was EXACTLY what I needed.
Thank you so much! To you, it might have seemed simple…to me, a mountain!
Update:
I put in
.main_color.container_wrap.fullsize>.container {
max-width: 100%;
padding: 0;
width: 100%;
}This seems to improve situation.
Responsive screen of 1280 & above don’t show entire image above fold.
Responsive screen of 360 and 320 show white margins.
Ones in between are fine.1. Is there a CSS that would help?
2. Is there a “silver bullet” of a size that would automatically work on all of them…or better optimum size, in any case?
Thanks!
I don’t want the image changed…it’s fine…featured images are same height.
It’s the content that varies in height.
I’m talking about the area with Conent wording and then under them, at the bottom of the “box” are Add to Cart and Show Details buttons.
Is this doable, do you think?
Thanks!
Now, really, Josue…I am OFFICIALLY spoiled.
You didn’t even let the bits and bytes dry on the page before you answered that one!Thanks! Made things SOOOOOOOO much easier!
Wow…just…WOW!
Thank you for the info…yes, I cache already.
Note that Enfold consistently suggests SuperCache instead of Total Cache. Is this cuz it’s easier to set up or because you think it truly is more effective?
Thank you, Josue!
Very clear and understandable explanation.
I shall use this, instead — or at least when I have problems “seeing” the change.
Appreciate your passing on your understanding.
One more question, though…IF it works in codeblock, wouldn’t that require less page time loading than putting LOTS of is_page code in the head?
It would be just ONE clump of CSS in codeblock versus lots of conditional stuff?Sorry, sorry.
This was YOUR gallery off the ALB – Media Elements page, NOT the standard WordPress gallery.
Used with WPGallery Custom Links plugin, it works perfectly for my requirements.
Sorry to bother you. This is solved!
Thank you, Elliott…I’ll go the images and columns route, I think.
Appreciate it!
Update:
For anyone trying to achieve this, you’ll find Dude’s answer here works.
https://kriesi.at/support/topic/adding-links-to-a-gallery/#post-225935Works fine! Was answered BEFORE my question was asked. Now that’s SERVICE!
This little plugin WP Gallery Custom Links is mentioned in multiple places in the knowledgebase, if anyone is interested further.
Much thanks to ALL the fine “answerers” here at Enfold!
Thanks, Elliott. I’ll work on it more exhaustively and start a new message when it’s ready for further input. Please close this subject in the meantime.
Again, thanks.
Okay, think I figured part of it.
Created simple Enfold page using Advanced Layout Builder (ALB) and did COPY of the debug text created.
Went to Menus, created Link item, and pasted the debug text into Mega Menu Column Title.
This gives you a sort of “page” — but the menu would have to be wider and flush to the left, otherwise it’s a “narrow” drop down page.
Also, think the CSS will have to be tweaked for, say, button on the “page” because of its position within the menu instead of as a page. (Don’t think this will be a problem.)
Can you tell me how to make menu wider?
Any other suggestions I should look at?
Thanks for sharing your knowledge!
Okay, maybe I can do ONE part.
I would like to put a color bar (or image or whatever — some html) UNDER the menu.
I see how to add it via functions.php in earlier messge…but when I turn off breadcrumbs and title, the addition goes away.
Am I trying to filter in wrong location?
Basically, I want html below menu and above content of page.
SHOULD I do this with template change?
If so can you direct me which template I want to change? Don’t see in header,php precisely where menu comes in.
I can play around with the page if I know which one I should be playing with.
Then, if I have further more simple questions, I might be able to ask you again?
Thanks for any direction.
I tried adding widget in header, per one very clear message, but this really puts html in wrong location…I need this segment UNDER the header, not WITHIN the header.
Elliott, you gave me the clue of what I needed to do. Am sure you would have known a cleaner way to accomplish it than what I “discovered” from your clue…but it works sufficiently for what I was attempting.
Just in case someone else might want to do this…here’s what I tried that did NOT work for me.
As you assumed, I HAD put a shortcode for an av_testimonials in the sidebar widget under appearance > widget.
Putting an href, say in front of [av_testimonials style=’slider’ … would have taken me to the SAME single page for ALL testimonials.
This would have worked if I had wanted to navigate to the top of the testimonials page, but I had hoped to go to the SPECIFIC longer version of the testimonial with an anchor link.
Working on your “clue,” I tried putting the href in the shortcode before each individual
[av_testimonial_single src — but then you get the first testimonials and others seem to disappear until you get the first testimonial again. I DID get the href for that first one to work, however.Finally, I ended up doing a workaround.
I put my href statement right before the content of the testimonial in the shortcode in the widget — referencing one specific anchor link on the testimonials page.
This worked for the visible bulk of the testimonial. It did not, of course, work for the person’s name, title, company…but one of those could also have the same href.
95% workaround was great with me.
And you gave me the clue!
Appreciate it!
Really, I realize the hover effect would be when hover on the masonry-gallery square itself, consisting of picture and block below holding the title and the content.
Using FireBug, the item I tried to hover over was:
av-inner-masonry-sizer{background:red!important;}BUT…that didn’t do what I hoped. Instead it made the image all red.
Faint…but pursuing…
Thank you, Ismael…worked perfectly.
Now, I need to examine step by step and see WHY your answer below worked!
.main_color .container .av-inner-masonry-content:hover, .main_color .container .av-inner-masonry-content:hover .avia-arrow {
background: yellow;
}Appreciate your taking the time. Just what I needed.
