Forum Replies Created
-
AuthorPosts
-
Hi,
In your css you have div[data-av_icon=”\ue837″], please remove the “u” like this:
div[data-av_icon=”\e837″]
You image is also quite large 300×200 I recommend a smaller square like 50pxBest regards,
MikeHi,
Thanks for this login, you had your homepage also set as your custom 404 page so this caused an error. I changed this and now the message shows.
Please use a different page as a custom 404 page, typically users find it confusing to see the homepage as a 404 page without any message that there was an error.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 your patience, I’m seeing the error:Failed to load resource: the server responded with a status of 404
please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHi,
I viewed your link emulating the device size 768px, because I don’t have an iPad, but I’m not sure what issue you are seeing, perhaps some screenshots would help showing what you see and what you would like to see.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,
Thanks for pointing this out Guenni007, I summited a report to the Dev Team and will reply when I hear from them, thank you for your patience.Best regards,
MikeMarch 30, 2024 at 7:00 pm in reply to: WooCommerce Page numbering/Columns not working with variable and hidden products #1438772Hey maxh_muc,
Thank you for your patience, but I’m not able to reproduce this in my demo. The link that you provide seems to use a custom filter ?wpf_filter_cat_list_0=115&all_products_filtering=1 which seems to be from a third-party plugin, try disabling the plugin and see if the issue continues.Best regards,
MikeHi,
I’m not able to login to your site, but typically if you use the Advanced Layout Builder of posts then you manually need to add the post elements and add your excerpt in the manual excerpt box. This is by design to give you more control over what is shown. By design it is expected that posts are created with the basic WordPress editor and pages are created with the Advanced Layout Builder.
If you need further help please open a new thread so we can assist, as this is not your thread posting your admin login here will not be private and you will not see our comments in the Private Content area.
Please note that we ask that each thread stays on a specific topic, this helps other users and our Mods.Best regards,
MikeHey Yaphoon,
For your first two questions, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.main_color a.more-link:hover { color: #470024; } .main_color .sidebar a:hover { color: #e94a3f; }
For your last question, try this css:
.single-portfolio h3.av-special-heading-tag { font-family: verdana; font-size: 16px; font-weight: 400; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey northorie,
Try this solution.Best regards,
MikeMarch 30, 2024 at 6:01 pm in reply to: Menu problem on iPAD with Safari browser when using back button #1438767Hi,
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,
MikeHey ipressen,
Thank you for your patience, to create a pricing table like this:
add these icon shortcodes into the table:[av_font_icon icon='ue812' font='entypo-fontello' size='40px' position='center' color='green'][/av_font_icon] [av_font_icon icon='ue819' font='entypo-fontello' size='40px' position='center' color='red'][/av_font_icon]
the top one is a checkmark, and the other is a minus.
This is how the backend looks:
I recommend showing the empty cells, otherwise the rows will move out of place:
Then this is the css I used in the Quick CSS to make the text black and make all of the cells the same height so they would line up and to “hide” the empty cells:.pricing-table > li { font-size: 20px; line-height: 48px; } .main_color .pricing-table > li:not(.avia-heading-row,.avia-pricing-row) { color: #000; } .pricing-table-wrap:nth-child(1) .pricing-table li.avia-heading-row { opacity: 0; } .pricing-table-wrap:nth-child(1) .pricing-table li.avia-pricing-row { opacity: 0; }
Best regards,
MikeHey aaronjosephhall1,
I assume that you added your API at: Enfold Theme Options ▸ Newsletter ▸ Newsletter via Mailchimp ▸ Enter a valid Mailchimp API Key
if this is true try going to Enfold Theme Options ▸ Performance ▸ Disabling Of Template Builder Elements ▸ Always load all elements and see if this helps.Best regards,
MikeHey frb1,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_header_transparency.html_header_glassy .logo .av-contains-svg #Layer_1 .st0{ fill:#000; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Please go to Enfold Theme Options ▸ Theme Update there you will see that you are using an old Themeforest API Key these are no longer used, you need to go to your Theme Forest account and create a new Envato private token amd remove the old Themeforest API Key
Then try disabling all of your plugins and then reload the site and try adding your new logo. If that resolves the issue, then reactivate each plugin individually and reload the page until you find the conflict.Best regards,
MikeMarch 30, 2024 at 4:20 pm in reply to: Menu problem on iPAD with Safari browser when using back button #1438760Hi,
Thank for the login, I disable the previous solution and added this javascript solution:window.addEventListener('pageshow', (event) => { if (event.persisted) { if (window.matchMedia('(min-width: 990px)').matches) { const menu = document.getElementById('avia-menu'); const visibleSubMenus = menu.querySelectorAll('ul.sub-menu[style*="opacity: 1"]'); if (visibleSubMenus.length > 0) { window.location.reload(); } const visibleMagaMenus = menu.querySelectorAll('div.avia_mega_div[style*="opacity: 1"]'); if (visibleMagaMenus.length > 0) { window.location.reload(); } } else { const visibleoverlay = document.querySelectorAll('.av-burger-overlay-active'); if (visibleoverlay.length > 0) { window.location.reload(); } } } });
This checks if the main menu sub-menu, or mega menu, or burger menu overlay is visible, if any of them are then it means the browser back button was used and the browser id displaying a cached page, so the javascript reloads the page to correct.
If a main menu link is clicked then using the back button doesn’t cause the page to reload, and the same for some Windows browsers like Chrome & Edge.
This will also not cause any issues with normally navigating the site with menu items, I’m not sure how popular using the browser back button is, since most online stores, banks, and sites where data is input often advise to not use the browser back button, but this will solve the issue if someone does.
This works for Android, but I don’t have a iPad or iPhone, but I’m pretty sure it will work.
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia_textblock p img { border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.6) 4px 6px 10px 4px; }
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.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,
MikeHey Davey,
The shortcode that you are using above doesn’t include all of the attributes, please use the Event List widget:
this is the proper footer widget element, this works in my test on category pages:
Please note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.
Thank you for your patience and understanding and for using Enfold.Best regards,
MikeHey wagdimakkar,
Try this shortcode count up cloneBest regards,
MikeHey Meetx,
Please see the theme options at Enfold ▸ Accessibility ▸ Accessibility Support ▸ Accessibility Conformance Level and choose theme accessibility conformance level:
Then add a one of the plugins,
One Click Accessibility adds, among other things,
Enable skip to content
Add outline focus for focusable elements
please note that you must enable it in the plugin options, and for Advanced Layout Builder page you must manually add the skip to content ID for it to work.
The WP Accessibility seems to be better but you still need to set the options:
and I had to add this css for a outline focus for focusable elements:a:focus { border:1px solid red !important; }
Perhaps I missed where to set this in the plugin options, but the skip to content & skip to menu worked well.
As for your question about H1, if you want your slider to be a H1 we can help, but typically people use a heading as a H1 because you only want one per page and sliders typically have many slides and headlines and the H1 doesn’t have to be the very top element, it can be the heading after the slider.
If you want to try making the menu keyboard tabbing work though menu skipping sub menu items unless down or up arrow keys are used you can try this solutionBest regards,
MikeHi,
I believe that you can also have your image as a circle with shadow, please link to your page with the above setup so we can offer some css, unfortunately you can not use a image element and have a text element wrap around the image, the image and text both need to be in the same element.Best regards,
MikeHi,
Well do, to have a burger menu up to 1024px try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 1024px) { #top #header .av-main-nav > li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
The function above can’t be applied to certain sections, it is applied to the whole page for it to work, but I think that you can choose which pages to apply it to, so if you have a page that doesn’t need it it all we could disable it. As this function seems to help for most of your site, as I understand, it sounds like just a couple of areas that you want to adjust.
So for example on your /iscrizione-master/ page you wanted to change this:
So I found that if we use css media queries for 1024px it seems that they will work, that is when the page is really 425px the site and css thinks it is 1024px, but above 1024px the css seems to work correctly.
So try adding this custom class to this color section that you don’t want to show on mobile screens: hide-on-small and then create a new color section with the changes per your screenshot above to show on the mobile screens with the custom class: hide-on-large and then add this css:@media only screen and (max-width: 1025px) { #top .hide-on-small { display: none; } } @media only screen and (min-width: 1026px) { #top .hide-on-large { display: none; } }
I believe that this will work, and if it does then you can repeat this for your other color sections using the same classes accoss your site.
Best regards,
MikeHi,
Unfortunately the function above doesn’t allow the media queries to work so I can’t add css to make this change only for mobile, I recommend changing your page layout to suit.
You could try creating a second set of elements and use the element visibility options to hide the desktop version and show your new mobile version, but I don’t think this will work because the element visibility options use the same css media queries to work.
So your best option may be to design your page layout with the mobile view in mind and show it the same way for desktop, since above you wrote that 70% of user access is via mobile.Best regards,
MikeMarch 29, 2024 at 11:06 am in reply to: Menu problem on iPAD with Safari browser when using back button #1438676Hi,
Please include a admin login in the Private Content area so we can examine.Best regards,
MikeHi,
Thanks for the feedback I think I understand better now, basically you want to disable all of the mobile styles, which may make your site hard to read on mobile devices because all of the elements will be very small. Typically this would be a very big job to overwrite all of the mobile css, but I found a solution that wotks on my demo site, notice in this screenshot that the elements display like on a desktop just smaller:
Try adding 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:
then add this code and save.function my_custom_viewport_meta( $meta_viewport ) { return '<meta name="viewport" content="width=1024">'; } add_filter( 'avf_header_meta_viewport', 'my_custom_viewport_meta' );
After applying please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts