Bug issue from Grid masonry columns rows setting

[alexlii]

Hello,

 

Grid masonry columns rows setting in theme option  does not match the result at front-end, whatever the blog template is set to a sidebar page or no sider one.

If set 4 rows, there will 3 rows showing up.

here is sidebar page template:

http://prntscr.com/e7pztg

http://prntscr.com/e7pzf0

 

Even if set the blog page to a no sidebar page, but there will still be empty gap on the right of the blog page.

http://prntscr.com/e7q5mf

and here is screen shot at frontend:
http://prntscr.com/e7q6vr

 

Please check at http://lxp.lovcour.com/blog, and  let me know how to resolve, thanks.

 

Alex

[Laura]

Hello, i see it fine now, did you manage to resolve it?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[alexlii]

oh, I found there is difference between Safari, Chrome, Firefox…

Here is screenshot in Safari, I am sure there are something wrong:
http://prntscr.com/e83cba

actually, In safari, it is right at first moments, please check http://prntscr.com/e83e4t, then it will go wrong suddently.

and here are screenshots of Chrome and firefox

http://prntscr.com/e83cwo
http://prntscr.com/e83dkt

Please compare with those screenshot.

Alex

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

I see that,

Add this CSS

COPY CODE

@media(min-width:992px;){
.responsive-cols.per-row-5 > * {width:19.9%;}
}

If this will behave the same use this instead

COPY CODE

@media(min-width:992px;){
.responsive-cols.per-row-5 > * {width:19.8%;}
}

The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS

NOTE : Child theme needs to be installed and activated.

Let me know

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[alexlii]

Sorry, both does not work, actually, I tried, 19.7% untill 18%:)

and please note that this issue is only related to Safari.

http://prntscr.com/eal0gy

Alex

[Radu]

I see,

I cannot see your blog page it ask me to login and then the blog page isn’t visible

On our demo the grid works ok in safari: https://seventhqueen.com/themes/kleo/pinterest/

Do you see the same problem in our demo?

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[alexlii]

Hello,

The reason why redirect you to login is that We use a buddypress membership plugin, we use a sidebar page template, but your demo site is full-width.

Please have a check with the following administrator account.

Thanks.

Website: http://lxp.lovcour.com/blog
Extra details: USERNAME:seventhqueen@lovcour.com Password:!rkJeFNaPjew&YC%FiscsxID
SFTP:101.200.61.149 username:alexlii PASSWORED: Cfpym5whnetu drectory: lovcour.com/htdocs

[alexlii]

For test purpose, I build a new page in another sub site:

http://magazine.lovcour.com/officialpoll-2

please check the backend setting: http://prntscr.com/ebz05h

but in this page, it works fine in Safari, and improper in Chrome, please compare with their screenshot:
http://prntscr.com/ebz14b
http://prntscr.com/ebz1cz

or you may check the page at: http://magazine.lovcour.com/officialpoll-2

Alex

[Radu]

Hi,

Do you have somehow Combine theme JS files -> ON in wp-admin -> theme options -> modules and speed ?

Use this CSS

@media(min-wdith:992px) {
.responsive-cols.per-row-4 > * {width:24.9% !important;}
}

The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS

Let me know
Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[alexlii]

Thanks, oh, yes, I enabled combine theme JS.

The speed of access to our site is priority to us.
So I read your article to get high speed, https://seventhqueen.com/blog/code-snippets/the-definitive-wordpress-speed-guide-step-by-step-easy.html

I would let you the situation now, and very like to have you suggestion:

If disable combine JS in theme option, both it will works fine both with chrome and safari, but if enable combine, there will be problem with either of them although those CSS was put into quick CSS.

Any further suggestion would be great appreciated.

have a nice day.

Alex

[Radu]

I see,

You can leave OFF the Combine JS Files and to use the method from this article : https://seventhqueen.com/blog/code-snippets/the-definitive-wordpress-speed-guide-step-by-step-easy.html

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts