Forum Replies Created
-
AuthorPosts
-
did you copy&paste that code? because if it is your page ( and your nick is very informative ) than a code like:
@media only screen and (max-width: 1023px) { #top #header .av-main-nav > li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } .responsive #top #header .av-main-nav #menu-item-search { display: block !important; } .responsive #top #header .av-main-nav #menu-item-search > a { font-size: 24px; } }
will work in dev tools. So if you realy entered the correct code – then it might be a caching issue that you can not see the changings. So refresh all caches of such tools – and refresh on Enfold on Performance Tab just at the bottom: “Delete Old CSS And JS Files?”
1023px seems to be a good value – because on the ipad Pro 12.9 inch – (1024px) the text menu is still visible and is not above the logo.
PS: i added the code to show the search icon aswell on burger active and with a little bigger icon.
try to hamper it first by going to :
Header – Extra Elements – Enfold WPML Language Flags (Global Setting)
If they will be shown – then look to
WPML – Languages – Menu language switcherit they still are shown try:
function avia_remove_main_menu_flags() { remove_filter( 'wp_nav_menu_items', [ avia_WPML(), 'handler_append_lang_flags' ], 9998, 2 ); remove_filter( 'avf_fallback_menu_items', [ avia_WPML(), 'handler_append_lang_flags' ], 9998, 2 ); } add_action('init','avia_remove_main_menu_flags', 9999);
to make sure that you have used the correct characters everywhere, please post the code in the code tag.
Next: what should the code do? isn’t it possible to remove all flags by the plugin itself? WPML – Languages – Menu language switcher
Where did you get this code snippet?
add_filter( 'wp_nav_menu_items', [ new avia_WPML, 'handler_append_lang_flags' ], 9999, 2 );
even if i write it this way :
add_filter( 'wp_nav_menu_items', array(new avia_WPML(), 'handler_append_lang_flags') , 9999, 2 );
it quits with errors.
open automator application:
Select Application
then choose on the left side – “Files and Folders” – “Create Archive” – double click – then you have on the right side the options for it.
Next: choose on the left side “Utilities” and then “Run Shell Script – double click (or drag and drop to right side)
erase the pre set content and insert:zip -d "$@" "__MACOSX/*" || true zip -d "$@" "*/.DS_Store" || true
pay attention to have it “as arguments”
Save that on your desktop ( close it will ask yor for a name )
now you got an icon on your desktop like:
you drag&drop now your files/folders to it to have zip-files without those annoying hidden system filesi try to create now a better automator script – just wait a few minutes! …
based on: https://stackoverflow.com/questions/10924236/mac-zip-compress-without-macosx-folder/#answer-47880361
https://webers-testseite.de/zip-it.zip
Unfortunately OSX reports that the origin of the programme cannot be verified. This is due to the SIP of OSX.
( System Integrity Protection (SIP) in macOS ). For those who have confidence in me, you can declare the exception in the system settings – privacy and security – at the bottom of the list.For those who do not …
i had to describe now how you will get that for your desktop: …and command line means using : terminal
Btw: the __MACOSX had to be ignored too.can you test it:
but if you know how to create an automator script you can have a drag&drop symbol on your desctop to zip without any hidden OSX file.
on default it will create a zip file with same name as the object ( folder or file ) – but it will ask you to enter a filename. Let the mark onyou can download that little program on : https://webers-testseite.de/zip-it.zip
Can you download it – and test it – because on all docus about automator it says that this method will exclude hidden osx system files ( not the hidden files)
i can see that too! So must be a caching problem.
By the way: if you do not need bigger menu-items in hamburger menu – you can make that overlay smaller ( goto Main Menu – Burger/Mobile Styliing : “Flyout Width”) try 200px
Edit : oh sorry did not see that your masonry is a image gallery.
But the sorting list did not exist on image masonry galleries at all._______________
if you follow ismaels proposal then you can show the masonry element by tag.
you then can set for each of your post/portfolio a tag (color) and sort these entries – then by tag.PS if you got posts and portfolios with the same tag – they will be shown side by side.
maybe it will be the easiest way to not show the sub-menu on different pages ;)
#top:not(.page-id-41084) .sort.menu-item .sub-menu { display: none !important; }
see example page again
https://webers-testseite.de/masonry-blog/
– but did this for now only for that page. Not coming from a different page. From different page it first starts with all sorting.However, in my opinion, the decision to place the sorting near the masonry makes more sense than the navigation solution.
function transfer_click_to_sort_options() { ?> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", function () { (function($){ $('.sort .sub-menu a').click(function() { var linkPath = $(this).attr('href'); var linkHash = linkPath.split('#')[1]; $('#top').find('.av-sort-by-term a[data-filter="'+ linkHash +'"]').trigger('click'); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'transfer_click_to_sort_options');
create your main menu with individual links – link is the page with your masonry and that hash value of the sorting. (the data-filter on the sorting are built by NAME_sort and for all it is all_sort)
to better select the first level domain i give a custom class to (Sorting) : sorti have no solution of coming from a different page to open the masonry directly with that sorting.
you can do that via font-size and either padding or min-width:
.avia_ajax_form .button { padding: 16px 50px; font-size: 1.4em; min-width: 200px; }
It would be nice to be able to do this on a page-by-page basis. Check which elements are used on the page and only load that js/css combination. We have already discussed this here on the board. I don’t know if this is feasible.
The function you are referring to only collects the information about which elements have been used on the entire installation and then loads them.But this works only for: non-ALB generated Posts / even Portfolios are untouched.
November 5, 2024 at 8:04 pm in reply to: header logo element causing high LCP relative to everything else #1470691November 5, 2024 at 6:23 pm in reply to: header logo element causing high LCP relative to everything else #1470686what i can see on that page is the layer-slider setting – and on my iPhone this is still there (the layerslider).
November 5, 2024 at 5:50 pm in reply to: header logo element causing high LCP relative to everything else #1470681is it on your own page?
if so – you are on 1and1?here is a css solution – but not with sort option in navigation – that is – as ismael mentioned a lot of work
PS: maybe the sticky option is too much.https://webers-testseite.de/masonry-blog/
and to have no influence on other masonry pages – it might be good to stay site-specific.
The rulesets concerning to contact form are:
.avia_ajax_form .button { border-radius: 15px; color: #fff; } .main_color input[type="submit"]{ background-color: #55726f; } .main_color input[type="submit"]:hover{ background-color: #37a196; }
if you realy like to have no color – change on hover – change to your needs
November 5, 2024 at 9:24 am in reply to: header logo element causing high LCP relative to everything else #1470648i could not imagine that a logo is the reason for bad LCP Values. (maybe if you use a svg Logo with embedded image gradients (like Instagram now did) ) a svg with 10MB 🙂↔️ (https://about.meta.com/brand/resources/instagram/instagram-brand/)
if you got for example a bigger advanced slider – that could cause it
on pagespeed insights – go to the diagnostic part and open the LCP part to see what is responsible for that.thanks – now i got it.
this seems to work:
function avf_custom_masonry_loop_prepare( $key, $entries ) { if($key['post_type'] != 'attachment') { $separator = ' / '; $updated_date = get_the_modified_date( get_option('date_format') , $key['ID'] ); $output .= '<span class="updated-date meta-color av-masonry-date">'.$separator.'Updated on: ' . esc_html( $updated_date ) . '</span>'; $key['text_after'] .= trim( $output, $separator ); } return $key; } add_filter( 'avf_masonry_loop_prepare', 'avf_custom_masonry_loop_prepare', 10, 2 );
i do not know why the positiv check does not work ( case post or portfolio)
Edit :
i thought that thisif($key['post_type'] == 'post' || $key['post_type'] == 'portfolio') { // could be shortend to: if($key['post_type'] == ('post' || 'portfolio')) {
first one works – shortform not
the filter allows those two : (
$key, $entries
)
thats why i tried :
if($key['post_type'] == ('post' || 'portfolio' )) { … }
Yes – but Masonry Galleries are influenced too. I do not want image galleries to be part of that additional info.
Only Masonry Entries should be doing that. I tried$context == 'av_masonry_entries'
but again with no success.
https://webers-testseite.de/image-masonry/but you kept the first line of the functions.php of the child theme (
<?php
)
or is there another function named avf_custom_post_slider_meta_content?
(function names had to be unique)so the snippets couldn’t be the reasons for that – i always test them :
https://webers-testseite.de/blog/. and for masonry: https://webers-testseite.de/masonry-blog/did you enter this in the functions.php of the parent theme? (unfortunately all this would be lost again after the next update).
this is possible – but my recommendation is to use a child theme.if you only got these projects as portfolio files – yes:
(otherwise if there are different portfolios – the item ID 44 will do that too. – then we had to find a more complex way.#top.single-portfolio li#menu-item-44 .avia-menu-text { font-weight: 800; }
PS: i recommend doing that: https://kriesi.at/support/topic/keep-menu-item-bold/#post-1470571
because : too many fonts are loaded (on team page). This is not necessary for performance reasons – you have everything you need if the variable font works correctly.https://kriesi.at/support/topic/menu-on-one-page-is-bolder/
???
der variable font den du jetzt hast arbeitet doch korrekt!War es damit nicht gelöst?
Du hattest wohl offensichtlich bei der Erstellung des Templates die Schrift mit ausgewählt. Mein Rat war es dort auf default (nutze die Themenschrift) zu lassen. Durch das Nachladen der Montserrat Schrift nur auf dieser Seite (und dort wurde der bold font mitgeladen) erschien dann nur dort auf der Seite die Schrift im Menü bold. Auf den anderen Seiten wurde diese Schrift nicht nachgeladen, weshalb nur die Montserrat light zur Verfügung stand.Meine Empfehlung deshalb war: im Plugin die Standard Schrift nutzen ( welche dann eine sauber konfigurierte Montserrat des Systemes wäre )
Und die Montserrat vernünftig zippen, und hochladen._____________
Wasn’t that the solution?
You had obviously selected the font when you created the template. My advice was to leave it at default (use the theme font). By reloading the Montserrat font only on this page (and the bold font was also loaded there), the font then only appeared there on the page in the bold menu. This font was not loaded on the other pages, which is why only the Montserrat light font was available.My recommendation was therefore: use the standard font in the plugin (which would then be a cleanly configured Montserrat of the system)
And zip the Montserrat properly and upload it.Next Question : we got the filter for masonry entries: avf_masonry_loop_entry_content
Is it possible to add via that filter new loop keys ( like the above updated date f.e.) ?__________
Edit : perhaps not the most elegant method – but it works on masonry entry – and i have to find a way to only influence Masonry Entries and not masonry galleries.function avf_custom_masonry_loop_prepare( $key, $entries ) { $separator = ' / '; $updated_date = get_the_modified_date( get_option('date_format') , $key['ID'] ); $output .= '<span class="updated-date meta-color av-masonry-date">'.$separator.'Updated on: ' . esc_html( $updated_date ) . '</span>'; $key['text_after'] .= trim( $output, $separator ); return $key; } add_filter( 'avf_masonry_loop_prepare', 'avf_custom_masonry_loop_prepare', 10, 2 );
-
AuthorPosts