Forum Replies Created
-
AuthorPosts
-
Hi,
1: Glad to hear.
2: Thanks for the screenshot, I note the your category options page includes a “custom permalink” option that I don’t have in my install:
So I believe this option is added by a plugin, please try disabling to see if the category links work correctly.
When you click on a blog post category it aggregates all posts with the same category, but post categories and product categories do not belong to the same category. Posts, Pages, Products, Portfolios, etc, are all different “post types” and do not share categories.
I hope this makes sense.
3: Yes, you can create a specific tag in Woocomerce for products, then if you choose this in the element it will only show these.Best regards,
MikeHi,
Thank you, unfortunately, I was not able to figure out why the countdown is not showing. I have asked the rest of the team for suggestions to what could be causing this.
Thank you for your patience.Best regards,
MikeFebruary 10, 2021 at 2:42 pm in reply to: several items highlighting on mouse over in a mega menu #1279476Hi,
Thanks for the link to your site, first lets step back and review your use of “automated”, so if you mean that you want something “automated” that will scan all of the links in your mega-menu and then match all of the ones that link to the same page, which could be many different links, and then highlight them all when one of them has mouseover.
To do this automatically without manually adding a unique class to each of the menu items for each of the matching links will require more customization than we can offer within our support scope.
But if, lets say, that you want all of the links to /the-art-of-repair/ to be highlighted when one has mouseover, and you manually add the class “same” to all of the menu items with links to that page, then we probably can make this work. If in this case to want the links to another page to behave the same, you would then create a second custom class, such as “sames”, and manually add these to the menu items.
The difference between the two is that in the first example the script scans and matches the menu links based on url, in the second example you are manually marking (identifying) which links are the same by adding the custom class.
So when you say “automated” I’m thinking of a “hands-off” approach, as in the first example, and this would be much more involved than what we can assist here.
I would also like to explain what you are seeing in the menu when you are on the /the-art-of-repair/ page, all of the menu items that link to the current page (the page you are on) have the “current-menu-item” class, automatically based on the current url, once the class is added the css does it’s job.
But there is no class added to the menu items when on a different page, so there is nothing for the css rules to work on.
I hope that explains what you are seeing and how it relates to the over-all menu function.So assuming that we will move forward with the second example where you will manually add the custom class “same” to all of the menu items that link to /the-art-of-repair/ page, when I check your mega-menu all of the items in the first column have the class “same”, but only one of these link to the /the-art-of-repair/ page, so you will need to adjust these, removing the custom class from all items except the ones linking to /the-art-of-repair/
Best regards,
MikeHi,
Can you post a link to a test image with IPTC-data and post what the IPTC-data is so I can test this?Best regards,
MikeHi,
Thanks for your feedback, to change the width of the footer & socket only on the homepage, please try this css:.home #footer > .container, .home #socket > .container { max-width: 1310px !important; padding: 0 !important; }
I see that you are using the ID styles, #styles, in a few of your color sections for your css, and while this works, I recommend changing these to a custom class because repeating the same ID on the same page can lead to other issues.
To add the background to the posts only try this css:.single-post #main > .container_wrap_first { background-image: url(https://jmcwebdesign.nl/switch/wp-content/uploads/2021/02/canvas.png); }
Best regards,
MikeHi,
@in3sixty thank you for the login, you had the “nav bar” menu set as the main menu, which would also be the mobile menu by default, but you also had the “Alternate Menu for Mobile” set to the “nav bar”, I set this to “Do not use an alternate menu for mobile” and now your mobile menu shows correctly. Please check.
For future issues please open a new thread so we can assist, often a single reply is not enough to lead to a solution, and since this is not your thread, posting your login here will not be private and you will not see anything we write in the Private Content area.
Thank you for understanding.Best regards,
MikeHi,
@jcreklamy please try opening a new thread for your specific issue and include a admin login in the Private Content area.
Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.
Thank you for understanding.Best regards,
MikeHi,
I don’t think that this is the way it works, I believe that you need to use a plugin to read the image data and import into WordPress. WordPress doesn’t extract this data by default, and Enfold doesn’t add this function.Best regards,
MikeHi,
I tried to install the TablePress plugin and the Responsive Tables Extension and I created a test table:
and it seems to be working correctly with this shortcode[table id=1 responsive="collapse" /]
:
Please try exporting your table in the JSON format and upload to DropBox and link in the Private Content area so I can test your table on my localhost.
Best regards,
MikeHi,
Thanks, yes if your target market is in Ireland then I would recommend finding a webhost in Ireland, jumping from the US to Ireland can make a difference. You would want to make sure the servers are really in Ireland, the web host should publish this on their site.
But the two webpagetest’s I posted above test your servers from the same state in the USA, not from Ireland, so the FBT from the same geo location should not be anything over 1 second, yours was about 7.
Most webhosts will give you a month to test.
The FBT is due to your server not your site, you can not reduce your FBT.
If you have unsued plugins that are active, then disabling them could help over-all. For your videos you could try adding a fallback image and enable lazy loading, I believe this waits to load the videos until clicked.
But over-all after FBT your page is loading fairly even with videos, so I would try to solve the FBT first.Best regards,
MikeHi,
Thank you, please note that we find it easier for solutions to be found and to assist when each thread is focused on a single issue, so while this one seems to be sorted out now, we should close it, agree?
I took a look at your other thread and posted a solution there, we will continue there for that one.
Thank you for your patience and understanding.Best regards,
MikeHi,
Sorry for the very late reply and thanks for the link to your page and the plugin demo, in comparing your site with the demo I note that your table doesn’t include the class “collapsed” so I don’t believe your shortcode is setup correctly, if css was causing a conflict the class would still be there.
above you posted your shortcode[table id=1 responsive=collapse /]
but according to the plugin documentation it should be:
[table id=1 responsive="collapse" /]
Please try this.Best regards,
MikeHi,
#1: we do have this filter to set the “single-small” layout:add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); function avia_change_category_blog_layout($layout, $context){ if($context == 'archive') $layout = 'single-small'; return $layout; }
but before trying this please note that the different blog layouts display this differently, ie: business, elegant, & modern business:
also try the page with a sidebar, I believe there is one layout that only shows with a sidebar, it was either the small image above the title or beside it, I don’t remember right now.
so first try these settings as the image may show just by changing this, otherwise try the filter and then test these again.
If this doesn’t help, please include an admin login in the private content area so I can try some different settings and filters.
#2: to remove the author please try this css:.blog .text-sep.text-sep-cat,.blog .blog-author.minor-meta { display: none; }
to remove only the “phoenix Diver” author, if there was multiple authors, first add this code to the end of your functions.php file in Appearance > Editor:
function custom_admin_author_script() { ?> <script> (function($){ $('.blog .post-entry').each(function() { $(this).find('.author > span > a').each(function(){ $('[href*="phoenix-divers"]').parentsUntil( ".entry-content-header" ).addClass('admin'); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_admin_author_script');
then add this css:
.blog .post-meta-infos.admin .text-sep.text-sep-cat, .blog .blog-author.minor-meta.admin { display: none; }
this removes the author and the backslash before it.
Best regards,
MikeHey jelle,
Sorry for the very late reply, for your “not” working color section the background attachment is set to “scroll”.
For the “working” site the color section is set to “fixed”.
In this context we want the background attachment to be “fixed” so the page scrolls over it, please give this a try.
💡Tip: if the options in the back end really do say “fixed”, then perhaps you added a script that is floating around that is meant to change the background attachment to “scroll” for Safari browsers, because “fixed” don’t work ~ if this doesn’t ring a bell, then it’s probably not that 🙂Best regards,
MikeHi,
Thank you for the feedback, ok glad the burger menu started working again. Please see below.Best regards,
MikeFebruary 8, 2021 at 12:01 am in reply to: How to disable menu delay on hover and on unhover #1278509Hi,
Sorry for the very late reply and thanks for sharing what you have found, I tried testing the normal dropdowns by first adding your anti-animation css above, then I resource blocked css & js in the browser to isolate the file causing the delay and it was \js\avia-snippet-megamenu.js, I then found starting at line 212 this function:currentItem.on('mouseleave', function() { sublist.stop().animate({opacity:0}, function() { sublist.css({visibility:'hidden'}); }); });
please note that the
.animate()
effect has a default duration of 400ms but we can set a time of zero like this:currentItem.on('mouseleave', function() { sublist.stop().animate({opacity:0},0, function() { sublist.css({visibility:'hidden'}); }); });
please try making this change in your child theme avia-snippet-megamenu.js file and clear your browser cache.
btw: here’s another article about .animate() parameters if you wish to edit further.Best regards,
MikeHi,
Strange, as you can see it works on a new install above, can I try disabling WP-Optimize and your child theme?
Please also check your web hosting server for object caching like Memcached, if it is active you should be able to turn it off.Best regards,
MikeHi,
Sorry for the very late reply, I looked at your CV upload page and the icons and label in the input fields, and to me, they look like they would be hidden with css or js on input action, they do not look like they should be below the input fields. If that is the case then the error I’m seeing in the browser console:
0d532.js:2 Uncaught TypeError: i(...).chosen is not a function
could be related.
Please try disabling all caching & minifying and follow this step, and ensure your theme option Enfold Theme Options > Performance > Load jQuery in your footer is not active, and then check.
Is there a plugin demo page for this CV upload? I’d like to see how the demo performs.Best regards,
MikeHi,
Sorry for the very late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.home #header.av_header_transparency .main_menu ul:first-child >li > ul, #top #header.av_header_transparency .main_menu .avia_mega_div > .sub-menu { top: 181px; } #top.home #header.header-scrolled .main_menu ul:first-child >li > ul, #top #header.header-scrolled .main_menu .avia_mega_div > .sub-menu { top: 91px; }
This will only work on your homepage unless you remove “.home”, it will move the sub-menu up before & after scroll.
Please clear your browser cache and check.Best regards,
MikeHi,
Thanks for your feedback, I see you are using a child theme, have you tried activating the parent theme to see if the Events Countdown element works correctly?Best regards,
MikeHi,
Glad to hear, is there anything else we can assist with on this issue, or shall we close this then?Best regards,
MikeHi,
Thanks for the links, the /switch/ page looks correct with the stretched layout, but the /deswichtgids/ page is boxed, please set it to stretched also.
Then I believe we can use css to “box in” the content part of the page and leave the header and footer alone, sorry if I was not clear about that 🙂Best regards,
MikeFebruary 7, 2021 at 6:11 pm in reply to: several items highlighting on mouse over in a mega menu #1278457Hi,
Thank for your feedback, I see that I forgot you wanted this on hover, so if your menu items are in different columns and you want to highlight them all on one hover we will need to use jQuery because css can’t traverse the parent selectors.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script() { ?> <script> (function($){ var same = $('.avia_mega_div .sub-menu li .sub-menu .same a'); $(".same").mouseenter(function () { same.css({'background-color':'#FFA500'}); }); $(".same").mouseleave(function () { same.css({'background-color':''}); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');
you will not need the previous css and adjust the color to suit. If this doesn’t work for you please link to your site so I can examine your mega menu structure.
Best regards,
MikeFebruary 7, 2021 at 2:37 pm in reply to: several items highlighting on mouse over in a mega menu #1278442Hey semiocode,
Sorry for the late reply, for your mega menu items please enable “custom classes” in the “Screen Options” panel in Menus:
then add a custom class, such as “same” to the menu items that are the same:
then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.same > a { color: red !important; background-color: orange !important; }
*EDIT* the css above is not for :hover this css is:
.same:hover > a { color: red !important; background-color: orange !important; }
*EDIT BUT* this will not highlight all items when one is on :hover, for this please see the next post.
and adjust the colors to suit.
This is the expected results
Please give this a try, if you have any issues please link to your page so we can examine.Best regards,
MikeFebruary 7, 2021 at 1:45 pm in reply to: YouTube videos showing differently on the same screen #1278437Hi,
Sorry for the late reply and thanks for the login, I examined your video elements and I didn’t see a reason for the error. I used the Avia Layout Builder Debugger to copy your page to my localhost to test without plugins on a clean install and the first video showed the play button correctly, please see the screenshot in the Private Content area.
The main difference, besides your plugins, is your PHP version 7.0.14, where I’m using v7.4.14
If you could try updating your PHP version on your server, and then clear your browser & server cache.
If this doesn’t help, try disabling your plugins and then enable one at a time until the error is identified.Best regards,
MikeHi,
sorry for the very late reply, and thanks for the links. To adjust the space between the “category” and “Read more”, please try this css in your Quick CSS:h3.slide-entry-title.entry-title { padding-bottom: 0 !important; margin-bottom: 0 !important; } .html_modern-blog #top .post-entry .blog-categories { top: 0 !important; }
For your #le-conseil-des-sages team names the current css is:
.team-member-name { margin-top: 7px; font-size: 1.55em; }
I believe this is in your custom css, please try to adjust to
font-size: 1em;
or to suit, and then clear your browser cache and check.Best regards,
MikeFebruary 7, 2021 at 12:23 pm in reply to: Change the header size of the all ecommerce pages #1278426Hi,
Sorry for the very late reply, and thanks for the login and links, I added this css to your Enfold Theme Options > General Styling > Quick CSS field.woocommerce-page #av_product_description { height: 75vh; } .woocommerce-page #av_product_description .av-section-color-overlay-wrap > .container { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
This matches the product description header of your woo pages to your /chi-siamo/ page.
please clear your browser cache and check.Best regards,
MikeFebruary 7, 2021 at 12:05 pm in reply to: Transparent video on the main menu, in autoplay and ALSO visible on phones #1278425Hey stef93500,
Sorry for the very late reply, unfortunately, browsers such as Safari & Chrome do not allow videos to automatically play on phones.
One way around this is to use the layerslider to play the video on mobile, it seems to be able to bypass this limitation.Best regards,
MikeFebruary 7, 2021 at 12:43 am in reply to: How to add a custom post tag to the Blog Post Grid Layout and ALB Masonry Blog ? #1278397Hi,
Sorry for the late reply and glad you were able to sort out your first issue. For the css please try this:.slide-entry > a > small { display: block !important; }
Best regards,
MikeHey jelle,
Sorry for the late reply and thanks for the links, your wix homepage looks to have the same header background as this demo, this is done with a color section and a background image.
For the second page, you could just box the page content with custom css, which will leave the header and menu alone.
Do you have a copy of this site on WordPress that we can see?Best regards,
Mike -
AuthorPosts