Hi, i see that this only happens with “Cache Disabled”, so that was my fault. I disabled the cache to get the loader times when the page is not in cache. With cache enabled, i see the same result as you.

Thank you and sorry for confusing :)

Pako

Unfortunately, nothing happens with the provided code.

Awesome! Thank you, that works brillant!

Hi,

i will try to explain.

If you go to this Website, you will see a Database, with Pictures.

Normaly in Fullcreen it looks like this:

You can see, that there are 6 columns in Fullscreen. Some more important entrys use the picture over two columns, normally they use only one. For example here the “Kernkraftwerk” is using 2 columns and 2 rows.

For a better view, i wanted to use in fullcreen only 4 columns. So i set the specific setting in the options of this massonry. That works brilliant, but on the ipad, there are 4 columns used too, which is too much. For this screen size i prefer 3 columns.

So i used the code below to force the 4 columns in fullcreen, and left the setting in the theme by default, so that other screen sizes which are less than big as 1340px, can be automaticaly forced to use 4, 3, 2 or 1 column.

@media only screen and (min-width: 1340px) {
#top .container .av-masonry-entry {
width: 25%;
}}

The code forced the 4 columns on fullscreen correctly BUT the important entrys now forced to use only one column now. For example:

You see that the “Kraftwerk” is using now only 1 column.

Now i want your help to fix this problem. The Result should be like the picture below. 4 Columns with bigger pictures on important entrys like below.

The hope is, to edit or add a code somewhere, to say to the theme… hey, 4 columns are maxiumum. All other you can handle by yourself. Somewhere in the deep of the theme, there should be a trigger, on what site the masonry decides to use 6,5,4….1 Columns on the specific screen size.

Thank you in advance for you help and sorry for the english :).

• This reply was modified 3 years, 2 months ago by Pako.

Found out the Solution. If you use an SSL Encrypted site. You may prevent the browser to access the cookie without ssl. You can change your “avia-snippet-cookieconsent.js” file in the themes js folder as following:

(function($) {

    "use strict";

    $(document).ready(function() {
	
//You can give the Cookie a name here.
        if (! aviaGetCookie('W32CookieConsent')){
            $('.avia-cookie-consent').removeClass('cookiebar-hidden');
        }

		//close btn
        $('.avia-cookie-close-bar').on('click', function(e) {
//Set here how long it will be stored in days, here 30 days
            var cookieContents = $(this).attr('data-contents');
            aviaSetCookie('W32CookieConsent',cookieContents,30);

            $('.avia-cookie-consent').addClass('cookiebar-hidden');
            
            e.preventDefault();
        });
        
        //info btn
        if($.avia_utilities.av_popup)
        {
	        var new_options = {
				type:'inline',
				midClick: true, // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
				items:{
					src: '#av-consent-extra-info',
					type:'inline',	
				}
			};
			
			new_options = $.extend({}, $.avia_utilities.av_popup, new_options);
	        $('.avia-cookie-info-btn').magnificPopup(new_options);
		}
		else
		{
			$('.avia-cookie-info-btn').on('click', function(e) {
            alert('Default Lightbox must be activated for this feature to work');
            e.preventDefault();
        });
		}
//Setze Cookie mit Secure Flag
        function aviaSetCookie(CookieName,CookieValue,CookieDays) {
            if (CookieDays) {
                var date = new Date();
                date.setTime(date.getTime()+(CookieDays*24*60*60*1000));
                var expires = "; expires="+date.toGMTString();
            }
//Advices the browser to store with the secure flag. So communication with the cookie is allowed only via ssl
            else var expires = "";
            document.cookie = CookieName+"="+CookieValue+expires+"; path=/; secure";
        }

        function aviaGetCookie(CookieName) {
            var docCookiesStr = CookieName + "=";
            var docCookiesArr = document.cookie.split(';');

            for(var i=0; i < docCookiesArr.length; i++) {
                var thisCookie = docCookiesArr[i];

                while (thisCookie.charAt(0)==' ') {
                    thisCookie = thisCookie.substring(1,thisCookie.length);
                }
                if (thisCookie.indexOf(docCookiesStr) == 0) {
                    var cookieContents = $('.avia-cookie-close-bar').attr('data-contents');
                    var savedContents = thisCookie.substring(docCookiesStr.length,thisCookie.length);
                    if (savedContents == cookieContents) {
                        return savedContents;
                    }
                }
            }
            return null;
        }

    });

})( jQuery );

• This reply was modified 5 years, 10 months ago by Pako.