Forum Replies Created
-
AuthorPosts
-
Hi,
Unfortunately, I found that the mega menu column titles do not add the menu-item classes or the custom classes like the regular menu items
After much research, I found no way to correct this, but I was able to add a unique custom class to each mega menu column title in your burger menu with this javascript:document.addEventListener('DOMContentLoaded', function () { const burger = document.querySelector('.av-burger-menu-main'); let columnClassAdded = false; if (burger) { burger.addEventListener('click', function () { setTimeout(() => { if (columnClassAdded) return; const columnTitles = document.querySelectorAll('#av-burger-menu-ul li.av-width-submenu'); columnTitles.forEach((el, index) => { el.classList.add('menu-column-title-' + (index + 1)); }); columnClassAdded = true; }, 100); }); } });
I added this to your WP Code plugin as a javascript snippet, it adds:
menu-column-title-1 with the number changing for each title, since you currently have six of them it goes to menu-column-title-6
with menu-column-title-1 = Collections and menu-column-title-6 = Being Seen.
The css to make Erosion Stories of Paria Canyon blue I added this:#av-burger-menu-ul .menu-column-title-2 > a { color: blue !important; }
So using this structure you can style the mega menu column titles in the burger menu, and for the other menu items use the custom classes as above, note that you will need to add a greater-than symbol in your css, like this:#av-burger-menu-ul .gal > a { color: blue !important; }
so the siblings also don’t change.
Give this a try and let us know if you find any other issues.Best regards,
MikeMay 17, 2025 at 11:48 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484393Hi,
Unfortunately I can not make changes to your css as I get a notice that I have been blocked.
So for #1 change this css:#top .logo { width: calc(100% - 170px); left: unset; }
to this
#top .logo { /*width: calc(100% - 170px);*/ width: 100%; left: unset; }
Please see if you can disable the plugin that is blocking us.
Best regards,
MikeHey madmanbean,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#header.header_color:not(.av_header_transparency) .phone-info a { color: #666666; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
When I test this snippet, it works for me on my site. Please ensure that you copied the code from the forum and not an email notification so the symbols are not converted.
Then in the user profile make sure that the “Nickname” and the “Display name publicly as” is what you want to show:
this is how it shows on my site
I can not see your site as it requires a login.Best regards,
MikeMay 17, 2025 at 11:03 pm in reply to: Changing the color of the diagonal borders in the “Creative Studio” demo #1484390Hey David,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-section .av-extra-border-element .av-extra-border-inner { border-top: solid 1px red; }
adjust to suit.
Best regards,
MikeHey Mark,
Most browsers block cookies and scripts by default now with either built-in settings or with AD blockers, so you may not get your referrals correctly.
One way around this would be to ask your advertisers to create a custom page for you to link to with a unique URL even if it was just a copy of their home page so any traffic going to this URL could give you credit.
Another possibly is to use the plugin Track The Click which will track clicks as they occur on a WordPress website in real time. PrettyLinks is another plugin that will track the links on your site by creating custom out bound URLs and tracking each time they are clicked.
With these plugins you can offer your advertisers reports for the traffic that you are sending them.Best regards,
MikeHi,
Glad Rikard could help, shall we close this thread then? If you have future questions, you can always open a new thread.Best regards,
MikeHi,
Since you want different styles for each menu item even if they are in the same zones as other items“Land Speak of the John Muir Trail” in the Green zone may need slightly different styling than “Giants in the Gulch” which is also in the Green zone. Also, “Land Speak of the JMT – Statement” in the Orange zone could use slightly different styling than any of the other lines in the Orange zone.
your best approach will be to add custom classes to each menu item to target them with specific css.
Go to your menu screen and click the drop down “screen options” and check the box “CSS classes”
then you will see this box in the menu items
For example, adding the custom class “green” and this css to your Quick CSS:#av-burger-menu-ul .green a { color: green !important; }
will make your burger menu item green.
You can add multiple custom classes, for example if you want some items bold, you can also add the class “bold”:
and this css:#av-burger-menu-ul .bold a { font-weight: bolder !important; }
then this item will be green and bold.
Best regards,
MikeHi,
It works when I test it, check that your snippet doesn’t have any curly quotes instead of the straight quotes.Best regards,
MikeHey williamslyd,
When you write “the blog widget” I assume that you mean the blog posts element, as don’t have a “blog widget”.
In the blog posts element you can choose categories or entries from a custom taxonomy, such as post tags, but not both at the same time.
Try creating a unique tag or category that will show the posts that you want to be shown, and choose that in the blog posts element.Best regards,
MikeHi,
Unfortunately I’m not seeing this on my Android device or in Safari using the Responsive Design Mode to emulate a iPhone, I also checked your page source code and didn’t find anything that may be causing this.
You could try this css, but it is only a guess:.avia_recaptcha_v3 {display: none !important;}
Best regards,
MikeHi,
I see that you found this thread and wrote that it answered your questions
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeMay 17, 2025 at 12:41 pm in reply to: mobile menu trap focus and/or escape to close overlay menu #1484374Hi,
I see that we can tab though the flip box links, but since the flip boxes only flip on mouse-over I don’t see a way to flip them via tabing.
If you would like to request this feature please post in our Github Feature Request page for the Dev Team to review.Best regards,
MikeMay 13, 2025 at 11:52 pm in reply to: Portfolio order issue with previous/next tab (reversed) #1484178Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeMay 12, 2025 at 11:38 am in reply to: mobile menu trap focus and/or escape to close overlay menu #1484079Hi,
This is because the mobile menu “av-burger-menu-ul” is not loaded until the burger menu is clicked when you use the desktop menu, it is when you use the burger menu for desktops. But mobile devices don’t have a tab key.Best regards,
MikeHi,
please include an admin login in the Private Content area so we can examine.Best regards,
MikeHi,
Perhaps it has something to do with your language characters, your word Batliner has the HTML entities­
twice in it:
Bat­li­ner
and the script doesn’t seem to be able to read the HTML entities.
I’m not sure if or how this could be fixed, hopefully Guenni007 will have a solution for it.Best regards,
MikeHey a_edemirci,
We don’t have an element with this function, I recommend looking for a plugin to do this. Perhaps Filter Everything or one of these others.
I have not tried any of these, but it should be a good start for you.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey mountaintopengraving,
Thanks for the link to your site, but I didn’t find any pages or events that were blank in the backend, and I was able to edit the pages that I tested.
Your page /donnys-at-core-restaurant-menu-live-music-specials/ was created with the Block Editor and not the Enfold Advanced Layout Builder, and your About, Capri Room, appetizer-add-ons, pages were created with the Advanced Layout Builder and I found no issues editing them.
Are you using the same login that you posted for us?
What page can you not update, and what changes are you trying to make?Best regards,
MikeHey schweg33,
I have opened the original thread so you can ask Guenni007, please post there and we will close this one.Best regards,
MikeHi,
Glad that you found the setting, it is not important to use this setting.Best regards,
MikeHi,
Thanks, between each image in your text element, you have a line break “br” and you also have a paragraph tag “p” wrapping some of your images, if you remove these the images will line up.
It would be easier for you to see these in the text element using the “code” tab instead of the visual tab.
Best regards,
MikeHi,
Thanks, if I disable your LiteSpeed Cache plugin the jQuery error doesn’t show, but I don’t see any settings for it in your plugin. So try reviewing the settings and try disabling them one by one to find the setting causing this, or you can the plugin support forum to find the setting.
I don’t know this plugin so they would know more about this then us.Best regards,
MikeHi,
Thanks, now the login is admin, I added the code above to your “My Custom Functions” plugin and now your magazine titles are “p”, please check.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
I see that you have this custom css:#top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide { width: 24px !important; opacity: 1; }
this is forcing the width to 24px, you can change this css and then add the css above, or try this css instead:
#top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide { width: 50px !important; height: 50px !important; line-height: 50px !important; font-size: 20px !important; } #top .avia-smallarrow-slider .avia-slideshow-arrows { position: relative; width: 120px; left: auto; height: 50px; right: 10px; } #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child, #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon img[is-svg-img="true"] { height: 20px; margin-top: 17px; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
currently:
with this new css:
After applying the css, please clear your browser cache and check.Best regards,
Mike -
AuthorPosts