Hi,
On my category pages the name of the category is on top:

This is set at Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs

and the date is set at Enfold Theme Options ▸ Blog Layout ▸ Blog Meta Elements

Please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line and helps us as mods assist better. This thread is getting quite long now, for further questions please open a new thread Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,
Ok, earlier you wrote that you couldn’t create it on your staging site.

Best regards,
Mike

Hi,

Thank you for the update.

You can use this css code to adjust the style of the button.

#top .hr.hr-invisible.av-2d6n9il-41fb061c500273b2b0ba4e2d011be596 + .avia_codeblock_section .avia_codeblock .dropdown {
    display: flex;
    min-height: 48px;
    justify-content: center;
}

#top .hr.hr-invisible.av-2d6n9il-41fb061c500273b2b0ba4e2d011be596 + .avia_codeblock_section .avia_codeblock .dropdown .avia_button_icon {
    padding-left: 0;
    margin-right: 10px;
}

If you want to target the text block element directly, try to apply a unique css class name to it. Please check the link below for more info:

// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, the css should also adjust the space above and below the map widget. If you want to adjust it further, add this css:

#footer .widgettitle, #footer .widget {
    margin-top: 0;
}

The title is displayed in large font

To display the widget title in normal case, please add this:

.widgettitle {
    text-transform: none;
}

Best regards,
Ismael

Hey calebcuster,
Unfortunately the Animated Countdown element datepicker will not allow you to choose a past date so this will not work, the post that you linked to was from 2015.
Instead try this shortcode count up clone, add 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 wp_custom_countup_shortcode($atts) {
    // Extract shortcode attributes
    $a = shortcode_atts(array(
        'date' => '2020-01-01', // Default date
        'color' => 'black', // Default font color
        'background' => 'white', // Default background color
        'offset' => '0', // Default timezone offset in hours
    ), $atts);

    $uid = uniqid('countup_');

    // Enqueue jQuery if it's not already included
    wp_enqueue_script('jquery');

    // Output HTML
    $html = "<div id='{$uid}'  class='av-countdown-timer-inner'>
                <span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time weeks'></span><span class='av-countdown-time-label'>Weeks</span></span></span>
<span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time days'></span><span class='av-countdown-time-label'>Days</span></span></span>
<span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time hours'></span><span class='av-countdown-time-label'>Hours</span></span></span>
<span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time minutes'></span><span class='av-countdown-time-label'>Minutes</span></span></span>
<span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time seconds'></span><span class='av-countdown-time-label'>Seconds</span></span></span>
             </div>";

    // Adjust the current time for the timezone offset
    $offsetMilliseconds = $a['offset'] * 3600 * 1000; // Convert hours to milliseconds

    // JavaScript to update the countdown
    $html .= "<script>
                jQuery(function($) {
                    var countUpDate = new Date('{$a['date']}').getTime();
                    var x = setInterval(function() {
                        var now = new Date().getTime() + {$offsetMilliseconds}; // Adjust for timezone offset
                        var distance = now - countUpDate;
                        var weeks = Math.floor(distance / (1000 * 60 * 60 * 24 * 7));
                        var days = Math.floor((distance % (1000 * 60 * 60 * 24 * 7)) / (1000 * 60 * 60 * 24));
                        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
                        
                        $('#{$uid} .weeks').text(weeks);
                        $('#{$uid} .days').text(days);
                        $('#{$uid} .hours').text(hours);
                        $('#{$uid} .minutes').text(minutes);
                        $('#{$uid} .seconds').text(seconds);
                    }, 1000);
                });
              </script>";

    return $html;
}
add_shortcode('custom_countup', 'wp_custom_countup_shortcode');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Then use this shortcode on the page to display:
[custom_countup date="2024-03-10" color="#fff" background="#000" offset="-4"]
the first attribute is the date in the past, then the font color, then the cell background color, and then the time offset, this is the difference between your server time and the time you want to use, since our servers are not always in the same timezones as we are. The default is zero if you don’t add this attribute.
This is the result:

This uses the same classes as the countdown element so the style is pretty close, here is what the two together look like:

Best regards,
Mike

Hi,
The the problem with your overlay was that it is under the background image:

I moved it on top of your background image so you can see it on the frontend:

Please clear your browser cache and check.

Best regards,
Mike

Hi,
I don’t spot any missing images on your page, you write that the top left image is missing but I see it:

this matches the frontend:

The text is an image so I assume that is what you are talking about it, but let’s assume that you also want a background image in the cell, behind the text image, then we see there is not one in the cell settings, so feel free to add one:

When I look at the rest of the page I don’t see any empty placeholders or and image 404’s so perhaps if you still see the missing images you could take a screenshot and point to it.
Thank you for your patience with us.

Best regards,
Mike

Hey Gagik,

Please don’t open more than one thread for the same problem, we’ll close this thread for now.

https://kriesi.at/support/topic/half-the-website-gone/

Best regards,
Rikard

Hey webmaintain,
A theme update will override the enfold/functions.php
We recommend using a child theme or you could use the WP Code plugin when you add a new PHP snippet, look in the top right corner to use the PHP snippet as the code type:

Best regards,
Mike

Hey micheladalcastagne,
Thanks for your patience and the link to your site, I don’t have a lot experience with the polylang plugin, first I noted that your homepage in both languages are named the same so I added the language code to them to sort them out in the theme options because your site domain is showing as a EN language and thus your menu is EN when you want it to be IT:

so now we can sort it out a little better:

Then going to the Languages ▸ Settings I found that you seem to need to choose the language from above before setting the options:

So now I have the menu language to match the page language along with the correct flag.

Now for your second issue where when you are on the /privacy-policy/ page you can use the menu items to get back to your homepage because all of your menu items are only hash links.
Since you are not using a child theme I installed the WP Code plugin then added a new snippet, in the top right corner use the PHP snippet as the code type:

then added this code, I also created two new menus for you, one for each /privacy-policy/ page with the full urls to the homepage.

add_filter( 'wp_nav_menu_args', 'ppen_nav_menu_args' );
function ppen_nav_menu_args( $args = '' ) {
if($args['theme_location'] === 'avia') {
if( is_page( 627 ) ) {
$args['menu'] = '25';
}
return $args;
}
}

add_filter( 'wp_nav_menu_args', 'ppit_nav_menu_args' );
function ppit_nav_menu_args( $args = '' ) {
if($args['theme_location'] === 'avia') {
if( is_page( 3 ) ) {
$args['menu'] = '24';
}
return $args;
}
}

Now each /privacy-policy/ page has a working menu to the correct homepage.
Best regards,
Mike

Hi,
Thanks for the feedback, I don’t have a tablet but my laptop is one that folds in half so it’s like a tablet, but perhaps it is too large to see the issue, I tested again using the dev tools to emulate a tablet on my desktop but I didn’t see anything out of place, but your screenshots of the issue above are now 404s so I’m not sure if I looking in the right place. Try adding some screenshots of the issue so we can see what you mean.

Best regards,
Mike

Hi,
Thanks for the screenshots, the css that moves the cart over to the edge for screens between 767px – 1023px is mixed with some other css:

So after you decide what screen sizes you want this to work for, remove this line and them create a new rule, this is an example if you want it to work up to 1440px:

@media only screen and (min-width: 767px) and (max-width: 1440px){
.responsive #top #wrap_all .main_menu {
    right: -80px !important;
}
}

But I would advice to not do this because when elements are too close to the edge of the screen you may get warnings from page audit tools, as they recommend some space around items. Allowing the default theme placement is probably the best choice, but it’s up to you.
If you want the icons in the top bar to show on mobile try this css:

@media only screen and (min-width: 768px) and (max-width: 989px){
.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
    display: block;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #header .social_bookmarks {
    display: block;
}
}
@media only screen and (max-width: 479px){
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
    padding-left: 13%;
}
}

Best regards,
Mike

Hi,

As @guenni007 pointed out; the class you are using is not on the page you linked. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hey djsmbd,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 990px) {
 .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
    display: block;
  }
}

Best regards,
Rikard

Hi,

Great, I’m glad to hear that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard