Forum Replies Created
-
AuthorPosts
-
Hi,
Thanks for the lin to your pages, but when I check the heading for each seems to be correct.
Please explain the issue further and perhaps a screenshot would help.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,
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,
MikeHi,
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,
MikeHi,
Guenni007 is correct for #2, the “blog” option is not for category pages, if you want category/archive pages to be a grid then try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); function avia_change_category_blog_layout($layout, $context){ if($context == 'archive') $layout = 'blog-grid'; return $layout; }
You can not have a custom layout for a category / archive page with a hero image at the top like https://sii-talents.de/aktuell/
To add the hero image to the top of the category pages try this solutionBest regards,
MikeHi,
Glad that this worked, if you find that this is causing issues with galleries that you don’t want this to work on, try adding a custom class like: remove-first-image at all of the places you want it to work and then use this code instead:function remove_first_image(){ ?> <script> (function($){ $(document).ready(function(){ $( '.remove-first-image .avia-gallery-thumb a.first_thumb[data-onclick="1"]' ).remove(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'remove_first_image');
If you have trouble please include an admin login in the Private Content area and a link to your page so we can be of more assistance.
Best regards,
MikeHi,
I added it for you but I don’t know what page has your magazine element, I’m pretty sure that you need to add the custom class larger-thumbnails for the script to work. Please add the custom class and check.Best regards,
MikeHi,
Please link to the pages that you want this added to, is it all pages?Best regards,
MikeHi,
Thanks for the login, I believe that you want this for the /horarios/ page, so I added this css to your Quick CSS:#top.page-id-528 #after_section_1.main_color { background-color: #000; }
Please clear your browser cache and check.
Best regards,
MikeJune 3, 2024 at 8:57 pm in reply to: Header + Menu jumps on rollover after updating to 5.7.1 #1447597Hi,
I’m not seeing this on Windows in Chrome, Firefox, & Edge, what browser are you using?Best regards,
MikeHi,
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,
MikeHi,
To show a different menu on one specific page, first make the menu that you wish and hover over the Delete Menu link and at the bottom of the page your browser should show the source of the link, looks for &menu=XX the XX will be a number, in my example it is 11
Next we need to know the page ID, so hover over the admin menu Edit Page in the admin toolbar, and at the bottom the browser should show the source link, look for ?post=XX again the XX will be a number, in my example it is 3792
Now we will add this code to the end of your child theme functions.php file in Appearance ▸ Editor or if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
and ensure that it is activated, then add this code and save.add_filter( 'wp_nav_menu_args', 'ppen_nav_menu_args' ); function ppen_nav_menu_args( $args = '' ) { if($args['theme_location'] === 'avia') { if( is_page( 3792 ) ) { $args['menu'] = '11'; } return $args; } }
Now that page will have our new menu.
Best regards,
MikeJune 2, 2024 at 9:40 pm in reply to: Video fallback image causing enormous performance issues on mobile devices. #1447501Hi,
Yes, please post the code that you are using for the iframe, but also check where you are getting this code, there may be different snippets to use for different situation and there may be a snippet that doesn’t do this.
Since this snippet is loading the javascript file from outside your site, you may not be able to override this behavior, if you can’t find a different snippet to use you may need to ask the support for this snippet and tell them about this scroll function we found for them to offer you a solution.Best regards,
MikeHey byaron22,
It looks like a javascript error for the waypoints that loads your images after the page has been scrolled some. Try disabling the JetPack plugin and Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and see if that helps.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,
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,
MikeJune 2, 2024 at 4:24 pm in reply to: Video fallback image causing enormous performance issues on mobile devices. #1447468Hi,
I don’t have any ideas to improve your score any further, this last report is referring to 430 ms, which is less that a half of a second with a total load time of 4.049s and some times in earlier reports it was as low as 3s.
This is very good, and over the last hundred posts we have achieved a lot, but I don’t have any ideas that we have not already covered.
If you like I can ask the rest of the team if they have any ideas.Best regards,
MikeHi,
It is a different mailchimp ID [av_mailchimp list=’c130eb79f7′ above you had [av_mailchimp list=’eifersuchtscoach’
I fixed it for you and it is now working, please check.Best regards,
MikeHi,
Ok, as I examine your page I see that the wrap_all & main divs are closed and your injected color section is outsite the page:
Then I recalled that injecting any full width element, like color sections, causes the page to auto close like this, so the way around this is to inject the HTML instead, so I tested this on my site linked below as a proof of concept and this is the code that I used:add_action('ava_after_main_title', 'ava_after_main_title_mod'); function ava_after_main_title_mod() { $post_id = get_the_ID(); if(get_post_type( $post_id ) == "post" || is_archive() || is_category()) { echo '<div id="av_section_1" aria-label="header-blog" style="background-color:#e7e6e0;" class="avia-section av-gurxi-f7ad7ba9aa66e762665269785c869839 main_color avia-section-no-padding avia-no-border-styling avia-builder-el-0 avia-builder-el-no-sibling block-fit-size avia-bg-style-scroll container_wrap fullsize"><div class="container av-section-cont-open"><main role="main" itemprop="mainContentOfPage" class="template-page content av-content-full alpha units"><div class="post-entry post-entry-type-page post-entry-3814"><div class="entry-content-wrapper clearfix"><div class="flex_column_table av-lwc8c3ub-7fae82ac0e7450fe73ac250f770e4e79 sc-av_one_half av-equal-height-column-flextable"><div style="padding: 20px 0 20px 0;" class="flex_column av-lwc8c3ub-7fae82ac0e7450fe73ac250f770e4e79 av_one_half avia-builder-el-1 el_before_av_one_half avia-builder-el-first first no_margin flex_column_table_cell av-equal-height-column av-align-bottom "><div class="av-special-heading av-tkaly-59af4c81dd5bd8035cb05863635061b6 av-special-heading-h1 custom-color-heading blockquote modern-quote avia-builder-el-2 el_before_av_textblock avia-builder-el-first "><div style="font-size: 18px;color: #a07860;" class="av_custom_color av-subheading av-subheading_above"><p>Veranstaltungen und Lesungen</p></div><h1 style="color:#1f4339;font-size:45px;font-family: "librebaskerville", Helvetica, Arial, sans-serif;text-transform: none;" class="av-special-heading-tag" itemprop="headline">Veranstaltungen</h1><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div><section class="av_textblock_section av-3a7ov5-3365d9d47359d52499c6170f6e5d6913 " itemscope="itemscope" ><div class="avia_textblock" itemprop="text"><p style="color: #666666;font-size: 17px;">Wir laden Sie ein, an unseren gemeinsamen Veranstaltungen, Reisen und Lesungen an besonderen Orten, teilzunehmen. Weiteres erfahren Sie in der jeweiligen Veranstaltungsbeschreibung.</p></div></section></div><div class="flex_column av-fy05a-677df80f19dcd41d19a6c602b9b923d5 av_one_half avia-builder-el-4 el_after_av_one_half avia-builder-el-last buch-monat no_margin flex_column_table_cell av-equal-height-column av-align-bottom "><div class="avia-image-container av-9gv81-4c6171ac5adc202d5cf1671f776d7959 av-styling- avia-align-right avia-builder-el-5 avia-builder-el-no-sibling " itemprop="image" itemscope="itemscope" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img decoding="async" fetchpriority="high" class="wp-image- avia-img-lazy-loading-not- avia_image " src="/wp-content/uploads/2024/05/area-book-ueber-uns.png" alt="" title="" itemprop="thumbnailUrl"></div></div></div></div></div></div></div></main></div></div>'; } }
Note that I didn’t understand why you had $thumbnail = get_the_post_thumbnail_url ( $post_id ); since I saw no call for $thumbnail so it’s not in my code, feel free to adjust after to test my code. I also had to add so style inline so my test would look like your page, it should not cause a issue for you.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHey Monika,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu { position: absolute; width: 50px; float: right; top: -70px; }
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,
Is the page listed below the same list that you want to use for the popup? If you include a admin login in the Private Content area so we can examine.Best regards,
MikeHi,
For mobile I added a second product slider:
and set the visibility so it will only show on very small screens:
and made the other one not show on very small screens:
Then I set the new one to only show two items and added this css so the two columns will show side-by-side and removed extra padding & margin so it will look better on small mobile screens:@media only screen and (max-width: 479px) { .responsive #top #main .avia-product-slider-container.av-small-hide .products .product { width: 49%; margin: 0 1% 1% 0; } #top.page-id-5132 #after_full_slider_1 .template-page.content { padding: 0; } .responsive #top #main .avia-product-slider-container.av-small-hide { margin: 0; } }
The css to remove the extra padding & margin is only for this one page, let me know if you want other pages like this. Alternatively we could make the product slider with 5 columns show them side-by-side, but this takes a lot of space and the odd number of items doesn’t look as good, in my opinion, but if you like you could make the new one show four items if you wish. Take a look and try ddifferent numbers to see what you like.
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,
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 -
AuthorPosts