HI Nikko,

Thanks for checking it. However, when LOGGED IN the WP rocket settings will not be implemented thus, it works all normally. If I disable the Delay JavaScript execution ( In WP settings >> File Optimization >> below) as well the masonry works all good. So that’s why I wanted to know the script to excluded for the delay.

For defer I have removed those settings from WP and it seems all scripts now do not have to defer – still, it isn’t working. Can you please check? Again with LOGGED IN USER WP SETTINGS will not be implemented so we need to check when we are LOGGED OUT.

Thanks,
N

Hi Rikard,

Thanks for your reply. I still see some errors (at times) and not always on the pages..I will get back when there’s an error again.

Thanks.

Hi Guys,

Thank you all for your support!

Cheers,
N

Guys Can you please help! I checked on the main site as well and it’s showing this issue:

Refused to apply style from ‘https://********/wp-content/uploads/avia_posts_css/post-3294.css?ver=ver-1630199684’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Hi Rikard,

Thank you very much for your response. I did have a chat with the hosting provider and I think the issue has been resolved.

Thanks again for the great support!

Best Regards,
Namgyal

Thanks Mike :)

HI Rikard,

Thanks for your reply. However, I did try making all the changes and it didn’t seem to work.

But I tried this CSS and it is now working. Is there something you can assist with? I gave a CSS class gallery-hotel and used the following…! If this CSS can be changed where instead of specifying the width if would fit then it would be nice!

.avia_transform .gallery-hotel .avia-gallery-thumb img {
width: 16.66% !important; /*100% width divided by number of images – no so practical */
}

———————–
I tried this one too, but it only fits 5 images and displays the other one goes at the bottom (like the attached image in private content)
.avia_transform .gallery-hotel .avia-gallery-thumb img {
width: inherit !important; /*tried fit content and all but nothing worked */
}

Thank you very much!

Thanks for the reply Rikard. Please check the credentials in the private content.

Any assistance guys? Thanks.

Hi Rikard – Things are working great. We can close the topic.

Thanks,
Namgyal

Hi Victoria,

Thanks for your reply. Sorry for the error, please check it now – it should be work.

Thanks,
Namgyal

Thanks, Mike – works great! Much appreciated :)

hi Mike,

Thanks for the reply.

I did check all the CSS – but I don’t think I had added any of these….max-width: 782px looks a bit odd (I’d normally use 767 or 768). I only used CSS on Enfold defaults and using the custom CSS & JS plugin…by any chance it could be from a plugin? I deactivated this Shortcode in Menus Can you check please?

Thanks.

Hi Mike,

Thanks for your reply. Sorry I had to change a bit on the website link as some more edits had to be made so I had hidden the top bar. Anyway, if you check the link (new link provided below) on a mobile device…I want the same #top #header_meta (or TOPBAR) NOT TO BE STICKY while the main menu to be sticky. The issue now is:

1. While scrolling, the TOP BAR MENU does scroll up – but it does not LOOK smooth at all…(I want the same as it is for the DESKTOP version now)
2. When scrolling on MOBILE, don’t know why the Banner image goes up [please check the link provided]

I have used the code you provided at https://kriesi.at/support/topic/unstick-topbar-on-mobile (codes below).

Thank you very much.

@media only screen and (max-width: 1023px){
.top-sticky {
display: none;
}
.top-sticky.top-show {
display: block;
}
.responsive #top #wrap_all #header + #header_meta.top-sticky {
top: 0 !important;
}
}

And this at functions.php:

function custom_hide_top_script(){
?>
<script>
(function($){
$(window).scroll(function(){
var width = $(window).width();
var scrolled = $(window).scrollTop();
if ( scrolled >= 100 && width <= 767) {
$( ‘#header’ ).each(function() {
$(this).css({‘background-color’:’#ffffff’,’position’:’fixed’,’top’:’-100px’});
$(‘#full_slider_1’).css({‘padding-top’:’10px’});
});
}
else if ( scrolled <= 60 && width <= 767){
$( ‘#header’ ).each(function() {
$(this).css({‘background-color’:’#ffffff’,’position’:’relative’,’top’:’0′});
$(‘#full_slider_1’).css({‘padding-top’:’0px’});
});
} else {}
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘custom_hide_top_script’);