Forum Replies Created

Viewing 30 posts - 91 through 120 (of 34,444 total)
  • Author
    Posts
  • in reply to: Burger sub-menu #1484399

    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
    Screen Shot 2025 05 18 at 7.38.36 AM
    Screen Shot 2025 05 18 at 7.41.32 AM
    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;
    }
    

    Screen Shot 2025 05 18 at 7.53.37 AM
    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,
    Mike

    Hi,
    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.
    Screen Shot 2025 05 17 at 5.47.48 PM

    Best regards,
    Mike

    in reply to: Scrolled telephone text colour #1484392

    Hey 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,
    Mike

    in reply to: add author to blog post widget for grid layout #1484391

    Hi,
    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:
    Screen Shot 2025 05 17 at 5.21.43 PM
    this is how it shows on my site
    Screen Shot 2025 05 17 at 5.23.06 PM
    I can not see your site as it requires a login.

    Best regards,
    Mike

    Hey 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,
    Mike

    in reply to: Google Analytics not being recorded #1484388

    Hey 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,
    Mike

    in reply to: cURL error 28 #1484387

    Hi,
    Glad Rikard could help, shall we close this thread then? If you have future questions, you can always open a new thread.

    Best regards,
    Mike

    in reply to: Burger sub-menu #1484386

    Hi,
    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”
    Screen Shot 2025 05 17 at 1.53.51 PM
    then you will see this box in the menu items
    Screen Shot 2025 05 17 at 1.55.31 PM
    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”:
    Screen Shot 2025 05 17 at 2.10.22 PM
    and this css:

    #av-burger-menu-ul .bold a {
    	font-weight: bolder !important;
    }

    then this item will be green and bold.

    Best regards,
    Mike

    in reply to: Remove "Tag Archive for:" from tag archive title #1484385

    Hi,
    It works when I test it, check that your snippet doesn’t have any curly quotes instead of the straight quotes.

    Best regards,
    Mike

    in reply to: Display posts from certain category AND tag #1484383

    Hey 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,
    Mike

    in reply to: How to hide the Google Invisible reCAPTCHA badge #1484382

    Hi,
    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,
    Mike

    in reply to: eigene Schrift einbetten #1484379

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: LayerSlider Import layer not working #1484373

    Hi,
    Thank you for your patience, this is working on my site:
    Screen Shot 2025 05 17 at 6.25.24 AM
    Try disabling all of your plugins and try again.

    Best regards,
    Mike

    in reply to: social media symbols/icons centered in textfield #1484372

    Hi,
    Thank you for your patience, it looks like you have this sorted out now.
    Screen Shot 2025 05 17 at 6.17.37 AM

    Best regards,
    Mike

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: social media symbols/icons centered in textfield #1484076

    Hi,
    please include an admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    in reply to: Ctrl + F in html #1484048

    Hi,
    Perhaps it has something to do with your language characters, your word Batliner has the HTML entities ­ twice in it:
    Bat­li­ner
    Screen Shot 2025 05 11 at 4.50.54 PM
    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,
    Mike

    in reply to: References page filtered based on product and city #1484047

    Hey 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,
    Mike

    in reply to: social media symbols/icons centered in textfield #1484046

    Hi,
    Screen Shot 2025 05 11 at 4.24.39 PM
    Did you look in the text element using the “code” tab instead of the visual tab?

    Best regards,
    Mike

    in reply to: Anchor links not working correctly in mobile menu #1484045

    Hi,
    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,
    Mike

    in reply to: Can’t edit site after updates #1484044

    Hey 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,
    Mike

    in reply to: Ctrl + F in html #1484039

    Hey schweg33,
    I have opened the original thread so you can ask Guenni007, please post there and we will close this one.

    Best regards,
    Mike

    in reply to: Uncaught ReferenceError: jQuery is not defined #1484037

    Hi,
    Glad that you found the setting, it is not important to use this setting.

    Best regards,
    Mike

    in reply to: social media symbols/icons centered in textfield #1484035

    Hi,
    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.
    Screen Shot 2025 05 11 at 2.35.47 PM
    It would be easier for you to see these in the text element using the “code” tab instead of the visual tab.
    Screen Shot 2025 05 11 at 2.41.47 PM

    Best regards,
    Mike

    in reply to: Uncaught ReferenceError: jQuery is not defined #1484033

    Hi,
    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,
    Mike

    in reply to: Magazine type size is way too big. #1484031

    Hi,
    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,
    Mike

    in reply to: Problem of transition with content slider #1484030

    Hi,
    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,
    Mike

    in reply to: Problem of transition with content slider #1484023

    Hi,
    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:
    Screen Shot 2025 05 11 at 9.06.26 AM
    with this new css:
    Screen Shot 2025 05 11 at 9.07.36 AM
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

Viewing 30 posts - 91 through 120 (of 34,444 total)