Forum Replies Created
-
AuthorPosts
-
Hey cuccarini,
Thank you for your patience and the link to your site, for your table your custom css was setting the table to flex but not the last row, I adjusted your css so the last row is also flex and removed the dots, now it works correctly.
Compared to your screenshot it looks like you would like the table to have the two columns side-by-side, so to do this I added this css:@media only screen and (max-width: 767px){ .responsive .mobile-two-columns .pricing-table-wrap { display: table-cell; width: 30%; } }
and then I added the custom class mobile-two-columns to your first table:
and now the columns are side-by-side on mobile under the image:
I know your screenshot showed the image and the two columns all in one row, but this made the table too small on smaller devices like iPhone 7.
If you want to add this to your other tables, then add the custom class mobile-two-columns to them like the first one.Best regards,
MikeHey TBant,
Thank you for your patience, if you are using the masonry gallery with the caption always showing under the image:
and you want to change the background color of the caption, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .main_color .container .av-inner-masonry-content, #top .main_color .container .av-masonry-entry .avia-arrow { background-color: orange; }
After applying the css, please clear your browser cache and check.
This is the expected results:
Best regards,
MikeMarch 27, 2024 at 6:39 pm in reply to: Menu on mobile remains open when I return to the previous page #1438474Hi,
I believe that you misunderstand, if you want to use your button tag then you don’t need the jQuery I posted above, just add this to your page in a code block element:
<button type="button" onclick="window.history.back()">Click me</button>
If you want to use the button element, as above, just follow those steps:
Add a button to a page with the custom classes back menu-item
then add this to your functions.php:function custom_script() { ?> <script>(function($){ $(".back.menu-item a").attr("onclick", "window.history.back()"); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
Don’t do both, and don’t use the plugin.
If you still have trouble please include an admin login in the Private Content area so we can add this for you.Best regards,
MikeMarch 27, 2024 at 4:38 pm in reply to: Menu on mobile remains open when I return to the previous page #1438465Hi,
If you don’t want to use a button element and want to add your own button tag then try this:
<button type="button" onclick="window.history.back()">Click me</button>
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
I also tesed this on my demo site and enulated a mobile device and with the mobile menu I landed on the page with the button and when I clicked it I was sent back and the mobile menu was not open.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,
Thank you for the update about the SG cache system, I don’t know why this was an issue, but I’m glad that you have it sorted out now, and now your site is working well with no issues.
Thanks for sharing your experience, perhaps this will help future users that are using the SG cache system.
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,
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 believe that you are referring to the Widget Navigation Menu,
to add the icons to those menu items add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#menu-footer-menu li.menu-item > i ~ a { display: inline-block; } #menu-footer-menu li.menu-item > i:before { color: #fff; }
Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor, 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:
then add this code and save. Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.function add_icon_to_widget_menu_items() { ?> <script> document.addEventListener("DOMContentLoaded", function() { const menuItems = document.querySelectorAll('#menu-footer-menu li'); menuItems.forEach(function(item) { let classes = item.className.split(/\s+/); let iconClass = classes.find(c => c.startsWith('menu-item-icon-')); if (iconClass) { let iconName = iconClass.replace('menu-item-icon-', ''); item.innerHTML = '<i class="fa ' + iconName + '"></i> ' + item.innerHTML; } }); }); </script> <?php } add_action( 'wp_footer', 'add_icon_to_widget_menu_items', 99 );
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,
MikeMarch 26, 2024 at 5:58 pm in reply to: Menu on mobile remains open when I return to the previous page #1438366Hi,
I tried to recreate the issue by adding a button to a page with the custom classes back menu-item
note there are no dots and there is a space
Then I used this jQuery:(function($){ $(".back.menu-item a").attr("onclick", "window.history.back()"); })(jQuery);
I added it with the WPCode plugin and a javascript snippet type, but you could use your functions.php if you wrap it like this
function custom_script() { ?> <script>(function($){ $(".back.menu-item a").attr("onclick", "window.history.back()"); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
then I logged out and enulated a mobile device and with the mobile menu I landed on the page with the button and when I clicked it I was sent back and the mobile menu was not open.
Give this a try. Perhaps you can use this instead of the plugin.Best regards,
MikeHi,
It sounds like you followed the instructions above and the main menu now has the icons next to the items, so the next step is to create a footer menu in the menu page
and then ensure that you have added the classes to the footer menu items, just like the main menu:
then choose the footer menu for the footer location:
and you should see the icons next to the items:
Please note that the footer menu doesn’t allow a drop down menu so you won’t see sub-menu items.Best regards,
MikeHey martinmdot,
Typically this is due to a plugin, Try disabling all of your plugins and then reload the page. If that resolves the issue, reactivate each one individually and reload the page until you find the conflict.Best regards,
MikeHi,
Glad Günter was 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,
Thanks for the login, your problem was caused by the Sassy Social Share plugin, disabling it solves, please clear your browser cache and check.Best regards,
MikeHi,
This is due to css specificity so typically the h1 has a added class for color & font like .main_color h1 so to over ride this your css should be like .main_color .hero-text h1, an easy way around this is to add the ID #top to any css you are having trouble with like #top .hero-text h1.
If you have further trouble try making a live site and link to your page so we can examine the classes used in your situation.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 Rikard 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 to hear that you have this sorted out, and thanks for sharing. 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 leilitacc,
Try adding the image html to the Enfold Theme Options ▸ Footer ▸ Copyright field.Best regards,
MikeHi,
Try explaining your issue further and perhaps some screenshots would help, we don’t use the Polylang Pro plugin, is this import feature only available in the Pro version?Best regards,
MikeHi,
Sorry I don’t know what the errors ‘unable to locate resource ‘under nextgen format’ are about, have you tried disabling your plugins like wp optimise?
Or try disabling the theme Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
Sometimes having a second plugin do the file merging and compression can cause errors, so try either disable the theme cache or the caching plugin.
nextgen sounds like a server error, I’m not seeing this on my demo site, but I use a simple cpanel host.
Perhaps this is due to MIME Type Sniffing, try using this tool to check and this guide to correct. I’m taking a guess.Best regards,
MikeMarch 25, 2024 at 10:41 pm in reply to: Menu on mobile remains open when I return to the previous page #1438308Hi,
When the menu is open this class is added:is-active
I don’t really understand why you are doing this, but I think it has to do with your custom button with the scriptonclick="window.history.back()
it seems like if you didn’t use that you would not have this issue, correct?
Try using a button with a proper link.Best regards,
MikeHi,
1: try changing the date format at WordPress ▸ Settings ▸ General ▸ Date Format
2: Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1); function avia_add_social_share_link_arguments($args) { if (isset($args['square-x-twitter'])) { $args['square-x-twitter']['label'] = __("Share on X", 'avia_framework'); } if (isset($args['twitter'])) { $args['twitter']['label'] = __("Share on X", 'avia_framework'); } return $args; }
This will probably not show in German, feel free to adjust “Share on X” in the code above to German
3: try this css:#top #socket .social_bookmarks .social_bookmarks_mail { display: none; }
4: try this css:
#top .avia-post-nav { display: none; }
Please note that we kindly ask that each thread is for a single topic, it is hard to manage threads with many questions, typically it causes confusion when other Mods try to help or when clients answer but are not so clear, Thank you for your patience and understanding and for using Enfold.
Best regards,
MikeHi,
This looks like it is part of a plugin “wp-realty” try disabling this plugin and see if that helps.
You could also try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#div_forms { display: none; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMarch 23, 2024 at 11:59 pm in reply to: Need to replace home page slider with full wide image with text #1438099Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-timeline-container .av-milestone-icon-inner { background-color: #e85c2e !important; }
After applying the css, please clear your browser cache and check.
Please note that often there are a set of theme settings for each language, so ensure that you are adding this css for the correct language, if this still doesn’t work then add it to the WordPress ▸ Customize ▸ Additional CSS and clear your cache a couple of times.Best regards,
MikeHi,
In Safari the question mark is a warning that the logo is insecured, it is not a https url.
I don’t see a double logo image on FireFox on my Mac, I also checked on Windows in Chrome, Firefox, & Edge and found no issues.Best regards,
MikeHi,
Thanks for your patience and the link to your site, it looks like your CZ page is missing some HTML, here you can see the structure of your EN page for the first parallax image that doesn’t show on your CZ page:
note the div “av-parallax” with the div “av-parallax-inner”, that is what shows the image
Now on your CZ page both are missing:
I have not see this before, perhaps when the plugin translated the page it broke the page shortcode, try duplicating the working EN page:
and then manually change the text and set it as your CZ homepage and see if the images then show.Best regards,
MikeHi,
Glad to hear that this helped, an easy way to change the color of your widget items is add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.single-post .widget_recent_entries a { color: #444444; }
After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts