Error on mobile responsiveness

[oklercli]

Hello,

While using the theme skin-corporate-20 on mobile it has a lot of flickering jumps and bugs. I’m testing locally and so I didn’t provide an url.

Best regards,

---

[Support]

Hello, thanks for your purchase.

First sorry for this issue. We were able to reproduce here and it’s some flicking while touch navigating between the sections, right ? This is something more complicated to fix and requires more time to do. We are working in a fix for that and will reply for you as soon possible.

Thanks for your patience.

Kind Regards,

Rodrigo.

---

[oklercli]

@Support2 exactly. Can you respond to this topic once the fix is done?

Thanks.
Best regards,
Ricardo

---

[Support]

Hello Ricard,

For sure! We will reply for you here with the fix.

Kind Regards,

Rodrigo.

---

[Support]

Hello,

First sorry for the issue and thanks for your patience.

We did a change in the JS code that fix the “flicking” issue. Please change all code of your “js/theme.js” with the new on link below:
https://pastebin.com/raw/jJ7FJEvg

This fix will be present in the next version of Porto.

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

[oklercli]

Hey @Support2,
Just to clarify is to replace the js/theme-init.js and not the theme.js right?

---

[oklercli]

Sorry for the double answer but I’ve found another but.
Screen tested: FHD
How to test: Scrolling > the page moves > wait 2/3s > the same page moves again to correct the position.

Not a cool UX

Can you help with this?

---

[Support]

Hello,

Sorry but we couldn’t reproduce this issue here.

We tested at FHD res (1920×1080). Can you please turn your project online in a test link ? So we can inspect to see what’s happening.

Regarding the JS code I sent, you should replace in the theme.js file.

Kind Regards,

Rodrigo.

---

[oklercli]

@Support2 responsiveness on ipad and tablets in general is still a bit funny. Can you check please?

---

[Support]

Hello,

I did a check here and the responsiveness seems to be ok. Please send us more details. If possible send screenshot showing the issue. You can use a service like https://imgbb.com to create a link with the image and share with us.

Kind Regards,

Rodrigo.

---

[oklercli]

Hello,

So the issues I’m struggling with that I hope you can help me with:
– I want to have logo and text combinations. For example: logo blue + text white/ logo dark + text white/ logo black + text black.
– Some pages have scroll a tiny scroll instead of changing page (3 + 6 page)
– Sometimes the logo changes twices so it starts blue and than it changes to black.
– While responsive the color logo changes :/ not cool
– The 6 page on responsive some content disappears

http://www.wiseverge.com

Thanks Rodrigo

---

[Support]

This reply has been marked as private.

[oklercli]

Strange. Can you try this https://wiseverge.com/coming.html

---

[Support]

Hello, thanks now it’s working.

I want to have logo and text combinations. For example: logo blue + text white/ logo dark + text white/ logo black + text black.

Currently is possible define only two types of color scheme: Light and Dark.

Here’s where you define logo light and dark:

The texts color is defined on each section HTML code:

* Possible values currently are dark or light.
* Note the texts color changes only on large screens. At mobile devices the texts do not change, since this demo was designed with no need change texts color on mobile, since it already has a white background.

Some pages have scroll a tiny scroll instead of changing page (3 + 6 page)

Sorry but we couldn’t reproduce this issue. Can you please send us a short video showing the issue ?

Sometimes the logo changes twices so it starts blue and than it changes to black.

We were able to reproduce this issue. Sorry for that. You can easily fix that by adding a single line of code at js/theme.js file, like in the image below:

$(window).trigger('section.scroll.change.header.color');

This fix will be included in the next version of Porto.

While responsive the color logo changes :/ not cool

Please note this demo was designed to change logo color even on mobile screens. I saw you are adding a custom white background on entire header:

Note this background did not comes from Porto code. This demo was designed for the behavior below:

My suggestion for you is remove this white background.

An alternative is hide the current logo on mobile only and create a new HTML logo image that will appear only on mobile. For example:

<a href="index.html">
	<img alt="Porto" width="82" height="40" src="img/logo-default-slim-dark.png" />
</a>
<div class="header-logo d-none d-lg-block">
	<a href="index.html">
		<img alt="Porto" width="82" height="40" src="img/logo-default-slim-dark.png" />
	</a>
</div>

The 6 page on responsive some content disappears

We were able to reproduce this issue only on third page:

The reason is the lazy load in the image. The custom JS code below should fix this issue:

(js/custom.js):

$('img.lazyload').on('lazyloaded', function(){
	$(window).trigger('resize');
});

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

[oklercli]

Hello,

Some issues are solved others are not. Let me try to explain Rodrigo.

So the print you shared about the header and the behavior isn’t that that is happening on the downloadable theme (original one) and that was the reason that we tried to add a background.

We still have some scrolling activity on some pages in the HD (not FHD) definition.

I’ve captured a video for you guys to see https://streamable.com/dxf9rq

You can see the scrolling. I’ve removed the custom css class that was adding the background.

Thanks Rodrigo.
Regards,

---

[Author]

Posts