Forum Replies Created
-
Posts
-
Hey Rikard.
Thank you for getting back to me so fast. Yeah that’s the workaround we’ve been using till now. The problem is that it’s not very clean to have few dozen of global elements in the Pages section mixed with regular pages. I wish there was a cleaner way. I think this feature should be something to think about for the future Enfold updates. In Elementor for example there is a built-in functionality for this type of things. In Enfold I feel like we are half way there with Custom Elements. I’m surprised no one until this point haven’t requested such a functionality added to Enfold since it’s basic best practice functionality when building websites.
Thank you so much Ismael. Though the problem wasn’t with header.php or includes > helper-main-menu.php you pointed me into teh right direction and I was able find an old custom code in functions.php file. I removed it and now everything looks like it should. Thank you again!
So how could you see if we removed or not search icon if you saying the login is invalid?
Anyway, the login is valid I just tested it. As I mentioned above you might need to enter it twice.
And the search icon was never removed from the secondary menu. It’s still there.Hey, Rikard.
Please take a look at the screenshot I took in Safari:
https://files.fm/u/5xmbmsmq
Fonts in the left and the right boxes I highlighted with red border are identical but they look slightly different. The text in the right box looks slightly lighter in weight.
And I believe the layerslider that above it somehow affects it.
Open an inspector and find
.sp_top_grid_right .flex_cell_inner {
margin-top: -40px;
padding: 30px;
z-index: 998;
background: #fff;
}
Try to change margin-top: -40px; to margin-top: 0; and you’ll see how the text in the right column will change to slightly heavier and will match the text in the left column.We applied some styles to the slider:
.ls-layers, .ls-slide-backgrounds, .ls-slide-effects, .ls-background-videos, .ls-bg-video-overlay {
-o-transform: none !important;
-ms-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
}
And it helped a little bit. But you can still see the transform (font weight) are being changed between slides transitions.Thank you, gentlemen!
@Ismael – Yes, correct, it is a plugin.
@Guenni007 – Perfect! Worked as a charm!Hey, Ismael.
Yes, I enabled it. I have a phone number in there and I wanted to add a “Font Fesizer” plugin next to it.
That’s why I wanted to do it the “right way” using functions and hooks. Since I wasn’t able to do it so far I had to drop full html next to the phone number in header meta.Yeah, I already found and tried all of those hook possibilities and all of them work except the one I need “avia_meta_header” lol
And yes it’s odd that that is the only hook they have with the prefix “avia” and not “ava”…– Guenni007
Obviously the hook is only one part of the work. Daa.. Of course I created new header in widgets.
Why do you think I stated that other hooks work?Hey, Ismael.
The “avia_meta_header” hook doesn’t work.
Here is what I have (and it’s not working):
add_action( ‘avia_meta_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}When next 2 work:
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}
or
add_action( ‘ava_before_bottom_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}Hey, John.
Here is another similar one.
Search box on the search page has the same id as the search box in the side bar on the same page since they call the same function to pull the same form.
Any ideas how to fix it without javascript workaround?Thank you!
Guenni007 W3C Validation site is the Markup Validation. It has nothing to do with testing site for ADA Compliance.
We use very powerful service siteimprove.com for that and that tool makes sure your site is ADA compliant and it shows that even elements with display: none; cause an error with Content Accessibility if they have duplicated ids.Hey, John.
YES! Thank you! Never got a message for available update. Had to check it manually and a version 4.1 was available.
Updated Enfold and the issue was resolved.
Thanks again!Guenni007 I don’t think you understood the problem.
When you create a menu, Enfold kinda duplicates it for mobile menu. If you’ll inspect your page you’ll be able to see two menus – one desktop and one mobile. Both menus will have same elements (list items) with the same ids. Mobile menu will be hidden (display: none;) on the screen bigger than 768px for example, but it still sit on the page which causing it NOT being WCAG ADA Compliant.
My workaround getting rid of the id attribute of the list items of the mobile menu completely on the page load and now it can pass and be WCAG ADA Compliant.Here is a workaround for everyone else experiencing the same problem.
I used some jquery to remove duplicate ids from mobile menu items:$(‘#mobile-advanced li’).each(function() {
$(this).removeAttr( “id” )
});I tried it but having two calls to the same function seems redundant. Also the Add To Cart still has not moved.
The code below was provided by the developers at https://theeventscalendar.com/. Normally it is suppose to move the add to cart somewhere on the page depending on what you specify. Not sure if this answers your question.
/* * Moves the front-end ticket purchase form, accepts WP action/hook and optional hook priority * * @param $ticket_location_action WP Action/hook to display the ticket form at * @param $ticket_location_priority Priority for the WP Action */ function tribe_etp_move_tickets_purchase_form ( $ticket_location_action, $ticket_location_priority = 10 ) { $etp_classes = array( 'Tribe__Tickets_Plus__Commerce__EDD__Main', 'Tribe__Tickets_Plus__Commerce__WPEC__Main', 'Tribe__Tickets_Plus__Commerce__WooCommerce__Main' ); // print_r($etp_classes); foreach ( $etp_classes as $ticket_class ) { if ( ! class_exists( $ticket_class ) ) break; $form_display_function = array( $ticket_class::get_instance(), 'front_end_tickets_form' ); if ( has_action ( 'tribe_events_single_event_after_the_meta', $form_display_function ) ) { remove_action( 'tribe_events_single_event_after_the_meta', $form_display_function, 5 ); add_action( $ticket_location_action, $form_display_function, $ticket_location_priority ); } } } /* * TO MOVE THE TICKET FORM UNCOMMENT ONE OF THE FOLLOWING BY REMOVING THE // */ // Uncomment to Move Ticket Form Below Related Events //tribe_etp_move_tickets_purchase_form( 'tribe_events_single_event_after_the_meta', 20 ); // Uncomment to Move Ticket Form Below the Event Description //tribe_etp_move_tickets_purchase_form( 'tribe_events_single_event_after_the_content', 5 ); // Uncomment to Move Ticket Form Above the Event Description tribe_etp_move_tickets_purchase_form( 'tribe_events_single_event_before_the_content'); //tribe_etp_move_tickets_purchase_form( 'tribe_events_single_event_before_the_meta');
