Viewing 30 results - 1,561 through 1,590 (of 106,472 total)
  • Author
    Search Results
  • Hi Ismael,

    Ok. In this case, is it possible to reduce the space between the search bar and the results when the search is carried out on a scrolled page?

    Capture d’écran 2025 04 25 à 08.32.03

    Thank you again,

    #1482565
    bemodesign
    Participant

    Can you get me CSS code to reduce the stretch of the Easy Sliders on my home page? But need to be careful because I need the stretched image for the Top Full Width Slider images. Last time the code reduced both. I just need the Easy Sliders reduced. Here is screenshot of long images: https://img.savvyify.com/image/Screen-Shot-2025-04-24-at-9.20.36-PM.9qqfd

    This same thing happened on this support thread, but it won’t fix this current issue. Here is the old thread: https://kriesi.at/support/topic/i-need-css-code-for-enfold-theme-reduce-stretched-image-on-mobile-view-for-easy/

    This code didnt work:

    .responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
    height: auto !important;
    }

    .responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
    height: 450px !important;
    object-fit: cover;
    }

    #1482562

    In reply to: SVG icons missing

    Hi,

    Have you tried checking for the URL? Just replace the $logo_url with the actual URL of the logo image.

    Best regards,
    Ismael

    sitadi
    Participant

    Hi,

    I try to place the search results under the search bar when we scroll the page : I would like them to move under the search bar when you scroll the page / to stay glued under the search bar when we scroll. Currently they remain frozen in the center of the screen

    Capture d’écran 2025 04 24 à 10.00.42

    Thank you in advance

    Thanks for this answer.
    We’re unfortunately experiencing unusually large overhead due to that function and need to optimize it. New Relic is showing 15s+ loading times. Each call invokes wp_load_alloptions which seems redundant. Perhaps those can be saved as some variable or context.
    I’m attaching a short loom video in the private content area going through New Relic.

    Our server resources are strong and we’re already using strong page caching, optimized images, etc. but we’re a high-traffic store and therefore wish to optimize even those instances.

    Looking through New Relic, I’m noticing a humongous amount of calls to avia_deep_decode, which is okay. However, one redundant thing is within it, which calls get_bloginfo (and wp_load_alloptions). Tracing get_bloginfo, it only seems to retrieve the charset. Could that somehow be cached on a global level without the need for a function call?

    I’m looking to learn if these can somehow be further optimized as to primarily reduce our expensive dedicated server load as well as improve cached performance.
    Regards,
    Neven

    #1482197
    GWS
    Participant

    Hi,
    I’m following up on a similar topic I started about the search widget: https://kriesi.at/support/topic/search-widget-no-longer-working-correctly-since-update-to-enfold-7/

    I couldn’t respond to the topic earlier, but I appreciate your help with the custom search box widget. The CSS you provided works perfectly for the custom search widget located below the layerslider on the homepage. However, it also affected the search icon on the navigation menu bar. Instead of displaying the default SVG image for the navbar search box, it’s showing the custom widget’s image. Moreover, the search icon is misaligned within the text box entry area. When I attempt to modify the CSS for the navbar search box, it inadvertently changes the search icon in the page content widget. While the custom search widget is in great shape now, we need to restore the default SVG image and its position for the navbar search widget.

    Could you guide me on restoring the SVG image to the navbar search box without it impacting the custom search widget in the homepage content area?

    #1482106

    Hi,

    We can’t find the “Go to Project” anywhere in the page, front or backend. This is the screenshot of the editor.

    View post on imgur.com

    We edited the page again, added a color section with background image, a heading element and another image.

    View post on imgur.com

    Please try using a different browser or device.

    Best regards,
    Ismael

    #1482099

    Hi and thanks again for your help!
    This doesn´t work for me – i need the headlines aligned to the content below.

    I changed the slider element to a color-element with a fullscreen image on top.
    For the headline i created a column (.headlineOverImage) with a negative margin and a white background-color.
    My question now: Would it be also possible to adjust just the white background to 100%. (And keep the headings narrower ?)

    #1482091

    Hey solf,

    Thank you for the inquiry.

    Try to add this css to disable the copyright transition:

    .avia_desktop .av-masonry-entry:hover .av-image-copyright.av-copyright-left {
        transform: none;
    }

    Best regards,
    Ismael

    #1482089

    Hey tsays,

    Thank you for the inquiry.

    You can use this css code to disable the background image of the color sections on mobile view:

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      #top .avia-section {
        background-image: none !important;
      }
    }

    Best regards,
    Ismael

    #1481988
    solf
    Participant

    Hey,
    The copyright notice on the images in a Masonry Gallery moves on hover. (class = av-image-copyright av-copyright-left)

    How can I stop this?
    Thanks, solf

    #1481983
    tsays
    Participant

    I use both an image and a color background on a color section for most of my site, but the images never appear right with the text on mobile. How can I remove images in the color section on mobile only?

    webservantnaoz
    Participant

    Our subsite themes are broken.
    They show as completely unformated, missing the colours and all images are missing.
    If I make a change to the layout like switching from stretched to boxed, it partially fixes it but the colours and images are gone.

    #1481952

    Thank you. I can Google.

    Again, what I ask you is to know the proper settings in the Enfold theme for the best speed. Performance And Optimization . “ Don’t you have any tutorials on how to see these settings?” could help me here?

    Why am I getting excessive DOM on every page? Did you even look at the Page Speed Insights? I saw you look at someone else’s and gave them extensive help so I added the link in.

    I ADDED IN THE PLUG IN AND RAN A TEST.

    Largest Contentful Paint element 7,130 ms
    Defer offscreen images Potential savings of 493 KiB
    Reduce initial server response time Root document took 1,430 ms
    Serve images in next-gen formats Potential savings of 97 KiB
    Eliminate render-blocking resources Potential savings of 160 ms
    Reduce unused CSS Potential savings of 56 KiB
    Ensure text remains visible during webfont load
    Avoid serving legacy JavaScript to modern browsers Potential savings of 9 KiB
    Reduce unused JavaScript Potential savings of 100 KiB
    Avoid an excessive DOM size 1,071 elements.

    I spoke to a man who wants thousands of dollars to speed up this website. (I do not make any money off of this. My art is and my advise my gift to the world) which is way too much … its only slow on MOBILE… he MENTIONED AVIA FILES INSTEAD OF Jpeg. Do you have any information on usith this in Enfold?

    I don’t think the plug in did anything.

    anything you can do to help would be appreciated.

    • This reply was modified 11 months, 4 weeks ago by extraeyes.
    • This reply was modified 11 months, 4 weeks ago by extraeyes.
    #1481948
    mcbusta
    Participant

    Hi!

    I was trying to create a custom layout containing a section with a dynamic background (Custom Field Image) value: {wp_custom_field:_thumbnail_id}

    It works OK for one post, but background image is being cached and displayed for all other posts as well.

    I dag into the av_section code to find that attribute is being rendered nicely, but the dynamic CSS class (avia-section.av-m8303wih-f038c6badb9db50289ff3c9a39d18731) that defines section background does not update.

    A quick workaround for this scenario:

    // Force bg for secion as it does not update when dynamic avia element is used
    // Enfold forces CSS bg, but it is cached and does not update for different posts
    //  although it is calculated OK for secion atts
    add_filter('avf_sc_section_before_close', function($output, $atts) {
    	if (!$atts['src_dynamic'] ?? false || !$atts['src'] ?? false)
    		return $output;
    
    	$style_attr = ' style="background-image: url('. esc_url($atts['src']) .') !important;"';
    
    	return substr_replace($output, $style_attr, 4, 0);
    }, 999, 2);
    #1481936

    Actually, the image you posted does not show the backend. There is a “Go to Project” button which doesn’t exist in the backend, and the photo at the bottom is missing. Moreover, the block I inserted was visible in the backend and has never appeared on the front-end (this is the problem) — the image you shared clearly shows the front-end.

    In short: the photo you posted shows a completely different version of the site compared to what I see in the admin panel. I have cleared the cache, used different browsers, and even asked friends to check — the issue remains the same.

    I’m sorry to say this, but it seems you are either not understanding the problem or perhaps explaining it poorly, because you keep showing images of how the site appears on the front-end, while the backend displays something entirely different.

    If everything is working as you claim, please try to clearly add any image — a flower, a landscape — on the homepage, along with a short text like “hello!”… We are unable to do this, even though we manage many websites.

    This is a serious issue that I kindly ask you to consider carefully, because it’s not on our end and it’s forcing us to rebuild the entire site from scratch using another template.

    why tis imagine https://imgur.com/a/ExyJWEd that is in the backend is not visible in the frontend (as we can see also looking at the imagine you posted) ? is so for everything…

    #1481905

    In reply to: Model parallax

    Hi,

    Thank you for the screenshot.

    Have you tried applying top padding to the column containing the image? This should push the image downward.

    View post on imgur.com

    As for the box-shadow, you may need to use a photo editor to apply a shadow effect directly to the transparent image, then re-upload it.

    Best regards,
    Ismael

    #1481904

    something is not right, I did a full WP reinstall and still having issues with the images not showing up?

    #1481895
    This reply has been marked as private.
    #1481893

    https://img.savvyify.com/image/Screenshot-2025-04-22-at-9.24.13-PM.9qAky (Link to a page where items were automatically deleted during an update!)

    #1481884

    In reply to: White bar at the top

    It looks great, but do you see the little vertical line that is on the right of the burger icon? How can we remove this?

    https://img.savvyify.com/image/right-side-bar.9q2ze

    #1481873

    Thanks for that, but it had the logo at the top and didn’t look very good.

    I think my 2 biggest things are just to have the Logo centered and responsive to any size screen. Seem like when I shrink my desktop view, it is too close to the burger icon.

    And the second is the “Reviews” area on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view? https://img.savvyify.com/image/Screen-Shot-2025-04-22-at-10.31.27-AM.9qZEU

    #1481870

    In reply to: White bar at the top

    And do you have code that make the Burger menu background More transparent? So I can see more of the image behind it?

    does that belong to charter school page or to your priverproducts.com page?

    #1481869

    sorry i thought you like to have that look of your example page.
    So maybe you try :

    #top .av-burger-overlay-bg {
      z-index: 3;
      opacity: 1;
      background-image: url(https://sonoranwaters.armourcloud.io/wp-content/uploads/2025/04/Custom-Pool-Designer-and-Builder-in-Scottsdale-Sonoran-Waters-3-1.jpg);
      background-size: cover;
      background-position: center bottom;
      background-repeat: no-repeat;
      display: block;
      position: fixed;
    }
    
    #top .av-burger-overlay-inner {
      z-index: 3;
      opacity: 1;
      background-image: url(https://sonoranwaters.armourcloud.io/wp-content/uploads/2025/04/Sonoran-Waters-Logo_LONG.png);
      background-repeat: no-repeat;
      background-size: 450px;
      background-position: center top;
      background-color: rgba(0,0,0,0.4);
      backdrop-filter: blur(2px)
    }

    you header settings and logo behaviour should be corrected generally.
    Overlapping with burger icon etc. – that is something we can do for burger overlay then too.

    and maybe this is nicer on transparency headers:

    #top .av-main-nav-wrap {
      float: right;
      position: relative;
      z-index: 3;
      padding: 0  !important;
      margin: 0 0 0 15px !important;
    }
    
    .header_color.av_header_transparency .av-hamburger-inner, 
    .header_color.av_header_transparency .av-hamburger-inner::before, 
    .header_color.av_header_transparency .av-hamburger-inner::after {
      background-color: #FFF ;
    }
    
    #top .av_header_transparency .phone-info, 
    #top .av_header_transparency .social_bookmarks li a {
      color: #FFF;
    }
    
    #top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside {
      border: none !important;
    }
    
    #1481868

    In reply to: White bar at the top

    And do you have code that make the Burger menu background More transparent? So I can see more of the image behind it?

    #1481864

    Please let me know on the last logo question. And also, I have “Reviews” area on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view?
    https://img.savvyify.com/image/Screen-Shot-2025-04-22-at-10.31.27-AM.9qZEU

    #1481862

    In reply to: White bar at the top

    Thanks and that did appear to work, but I’m just wondering why this was necessary. Now when I look on my mobile, in edit mode, it covers the top headers. (see screenshots) And on my other sites, it just shows normal.

    My other sites also didn’t need code to have header top menu be at the very top. The gap on Champion schools seems like it would be a setting or something.

    Anyways, if you know, let me know.

    Here is the same CSS code website that I have, that has the correct header. Why can’t Champions schools have the same header? I think all the setting are the same. https://sonoranwaters.armourcloud.io/#

    https://img.savvyify.com/image/gap.9qUHp
    https://img.savvyify.com/image/not-logged-in-and-see-bar.9qWKhhttps://img.savvyify.com/image/WEIRD-AT-TOP.9qGdc
    https://img.savvyify.com/image/CORRECT.9qxiF

    #1481835

    In reply to: Video letterboxing

    Yes, that is the setting I had it on already. Screenshot 1

    But this is what I see:

    And if I ad a fallback image the black bars are filled with the fall back image like this: http://derrickc6.sg-host.com/wp-content/uploads/2025/04/3.png

    It’s very weird. And dose the same thing if I add it as a background video via a color section.

    Kind regards,

    Derrick

    4ward4x4
    Participant

    Hello everyone,

    I’m facing an issue with the Color Section in the Avia Builder. The sections with headings and images are only visible when I’m logged in. Once I disable the maintenance mode on my website and try to view it in an incognito browser, only one page with a Color Section works as expected.

    Additionally, any changes I make to the homepage are not being applied when the maintenance mode is disabled, regardless of the browser I use. The header and Color Sections with images are not showing up.

    Has anyone else experienced this issue? Any suggestions on how to fix it?

    Thanks in advance for your help!

    Hi,

    Thank you for the inquiry.

    You may need to revert the position of the image and text in the mega menu title or remove the link from the image. Make sure the text is placed above the image. This allows the script that generates the mobile menu to render the text link instead of the image link.

    Best regards,
    Ismael

Viewing 30 results - 1,561 through 1,590 (of 106,472 total)