Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#691823

Hi there,

This seems to have been reported by people many different times for Sugite yet nothing has been fixed. I’m using the latest version of Sugite and watch the video below to see how it’s not responsive and leaves buggy whitespace that impacts Google’s user experience which will result in lower rankings.

https://www.youtube.com/watch?v=EllLYt5h2p8

Please can we get this fixed ASAP as this template has been out for quite a while.

The problem is caused from the template.css and you need to look at the .container widths.

Thanks,
Richard

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#692173

Hi Richard,

Thank for your reporting

When you resize the screen size, the css style for embeded video is still the same. You will need to reload the page and it will load properly, pls give it a try.

Regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#749573

Hi Richard,

Thank for your reporting

When you resize the screen size, the css style for embeded video is still the same. You will need to reload the page and it will load properly, pls give it a try.

Regards

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#692182

I’ve never noticed this on my site virtualtours.nl, but have tested it now and it is true. When I reduce the window width, the site scales down okay up to a certain width, but suddenly scroll bars appear that are not needed. If this really affects ranking, I’d also like to see it fixed.

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#749582

I’ve never noticed this on my site virtualtours.nl, but have tested it now and it is true. When I reduce the window width, the site scales down okay up to a certain width, but suddenly scroll bars appear that are not needed. If this really affects ranking, I’d also like to see it fixed.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#692353

<em>@Ninja Lead 493910 wrote:</em><blockquote>Hi Richard,

Thank for your reporting

When you resize the screen size, the css style for embeded video is still the same. You will need to reload the page and it will load properly, pls give it a try.

Regards</blockquote>

Hi @ninja Lead

I noticed this error on my own site that does not use the video.

The problem is the fact that all of the max-width css classes are larger than window size, for example this is the offending code in JA Sugite

Not quite sure how you guys expected 1220px into a 1200px area with an additional 40px padding each side.

This happens for all @media (max-width:xxxx) classes in every single JA template!!!

Like in the brand new JA Event

Another example

Literally since checking it seems every single JA template is affected by this problem and if not fixed in custom.css by people then they are going to lose a few rankings. Google will not penalize your site for user experience errors, but they will rank you lower.

I think we need this update to be applied to all templates as soon as possible!!!

Thanks,
Richard

PS – If you want to recreate the error on any JA template, simply go to the demo site and click the little “x” (top right) so you get full demo and link should like http://ja-directory.demo.joomlart.com/index.php/en/ then resize your browser like in my video.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#749612

<em>@Ninja Lead 493910 wrote:</em><blockquote>Hi Richard,

Thank for your reporting

When you resize the screen size, the css style for embeded video is still the same. You will need to reload the page and it will load properly, pls give it a try.

Regards</blockquote>

Hi @ninja Lead

I noticed this error on my own site that does not use the video.

The problem is the fact that all of the max-width css classes are larger than window size, for example this is the offending code in JA Sugite

Not quite sure how you guys expected 1220px into a 1200px area with an additional 40px padding each side.

This happens for all @media (max-width:xxxx) classes in every single JA template!!!

Like in the brand new JA Event

Another example

Literally since checking it seems every single JA template is affected by this problem and if not fixed in custom.css by people then they are going to lose a few rankings. Google will not penalize your site for user experience errors, but they will rank you lower.

I think we need this update to be applied to all templates as soon as possible!!!

Thanks,
Richard

PS – If you want to recreate the error on any JA template, simply go to the demo site and click the little “x” (top right) so you get full demo and link should like http://ja-directory.demo.joomlart.com/index.php/en/ then resize your browser like in my video.

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#692354

So what exactly needs to be in the custom.css???

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#749613

So what exactly needs to be in the custom.css???

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#692357

<em>@pittigeteksten 493971 wrote:</em><blockquote>So what needs to be in the custom.css???</blockquote>

Hi @pittigeteksten

Let’s wait for a reply from JA because writing the custom.css is going to be a little awkward and will change other modules, component sizes etc.

If you really want a fix today then the easiest way would be to replicate all the .container classes like

@media (min-width: 1200px)
.container {
width: 1220px;
}

and change to something like

@media (min-width: 1200px)
.container {
width: 1020px;
}

Please note that the actual size needed will vary from site to site and remember to double check all components and modules after changing as this is going to make the template smaller

We need the template.css changing, the easiest way for JA to do this would be to change from

@media (min-width: 1200px)
.container {
width: 1220px;
}

to something like

@media (min-width: 1300px)
.container {
width: 1220px;
}

JA would need to double check modules and components but changing to 1300px will cause the least issues.

We can’t do this because the next update will override the template.css file and we’ll be back to square one, this is why we need this fixing asap from JA and applying to all templates in an update.

Thanks,
Richard

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#749616

<em>@pittigeteksten 493971 wrote:</em><blockquote>So what needs to be in the custom.css???</blockquote>

Hi @pittigeteksten

Let’s wait for a reply from JA because writing the custom.css is going to be a little awkward and will change other modules, component sizes etc.

If you really want a fix today then the easiest way would be to replicate all the .container classes like

@media (min-width: 1200px)
.container {
width: 1220px;
}

and change to something like

@media (min-width: 1200px)
.container {
width: 1020px;
}

Please note that the actual size needed will vary from site to site and remember to double check all components and modules after changing as this is going to make the template smaller

We need the template.css changing, the easiest way for JA to do this would be to change from

@media (min-width: 1200px)
.container {
width: 1220px;
}

to something like

@media (min-width: 1300px)
.container {
width: 1220px;
}

JA would need to double check modules and components but changing to 1300px will cause the least issues.

We can’t do this because the next update will override the template.css file and we’ll be back to square one, this is why we need this fixing asap from JA and applying to all templates in an update.

Thanks,
Richard

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#692358

Okay, I see that this is not something I’d want to do in a few minutes. I hope JA fixes it.

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#749617

Okay, I see that this is not something I’d want to do in a few minutes. I hope JA fixes it.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#692414

<em>@pittigeteksten 493976 wrote:</em><blockquote>Okay, I see that this is not something I’d want to do in a few minutes. I hope JA fixes it.</blockquote>

Yes, I also raised that bug to development team here. They will check it.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#749673

<em>@pittigeteksten 493976 wrote:</em><blockquote>Okay, I see that this is not something I’d want to do in a few minutes. I hope JA fixes it.</blockquote>

Yes, I also raised that bug to development team here. They will check it.

[Author]

Posts