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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

What support service includes ? What not ?

[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

What support service includes ? What not ?

[alexlii]

This reply has been set as private.

[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

What support service includes ? What not ?

[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

What support service includes ? What not ?

[Author]

Posts