Glitches on Template

[lewj24]

Hey I just want to let you guys know about some glitches I’ve found while using your theme. Would love to get a fix but I have worked around them so it’s not the biggest deal.

1. On all your corporate themes (yes I checked them all) when you click the owldot that the carousel is currently on/highlighted it causes a glitch where the whole thing disappears. I removed the dots and put arrows so this wouldn’t happen but it actually will still happen if I click the back arrow right when it’s transitioning to the next image/slide. Very interesting. No idea how to fix.

2. There are a lot of times where items that transition just don’t appear at all. It’s very random which elements will appear and which won’t. To fix this I just stop transitioning the ones that disappear. I thought it was my editing but when you go to your template and refresh a lot it will also do it. One example is on corporate4 the 9 elements below hero section will not show up, randomly. Sometimes its 1 sometimes its a whole row of 3. It seems to be very bad when you scroll down slowly.

3. In the Portfolio with AJAX on Page. The 3rd button/category is only clickable halfway up. It’s always the 3rd one no matter how many are added as far as I can tell. I couldn’t figure out why this happens because the code looks all the same. I actually just checked my code after I wrote this and it doesn’t do it anymore for me after my editing, but it is still broken on your template. Very weird. Not sure what I did.

4. I also couldn’t get your parallax to work but that’s probably user error since I’m new at this. All I did was change the images and make sure I had the Jscript attached and it worked in my code editor but when I uploaded it online it didn’t work. Probably user error but I wanted to let you know I couldn’t figure it out because maybe I’m not the only one.

---

[Support]

Hello, thanks for your purchase.

First sorry for these issues and thanks for reporting.

1) To fix, please try adding this given JS code below at (js/custom.js):

$.extend( theme.PluginCarouselLight.prototype, {
    owlDots: function(){
        var self = this,
            $owlDot = self.$el.find('.owl-dot');

        $owlDot.on('click', function(e){
            $this = $(this);

            e.preventDefault();

            if( self.options.disableAutoPlayOnClick ) {
                window.clearInterval(self.autoPlayInterval);
            }

            if( self.avoidMultipleClicks() ) {
                return false;
            }

            var dotIndex = $(this).index();

            // Do nothing if respective dot slide is active/showing
            if( $this.hasClass('active') ) {
                return false;
            }

            self.changeSlide( self.$el.find('.owl-item').eq( dotIndex ) );
        });

        return this;
    }
} )

* We already fixed it in our development files, and this fix will be present in the next version of Porto.

2) Sorry but we couldn’t reproduce this issue here. We tested in the corporate-4 like you mentioned, but without success. Please let us know what’s the browser you are testing ? Chrome ? Firefox ? Safari ?

And what’s your screen resolution ?

3) To fix, first please change the portfolioAjaxBox div to:

<div id="porfolioAjaxBox" class="ajax-box ajax-box-init position-relative z-index-1">......</div>

And change the sort list HTML to:

<ul class="nav nav-pills sort-source sort-source-style-3 justify-content-center position-relative z-index-3" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}">

* Note we just added position-relative and z-index-xx classes.
* We already fixed it in our development files, and this fix will be present in the next version of Porto.

4) Our parallax do not requires any extra plugin to include on the page. You just need maintain the core JS files “theme.js” and “theme.init.js” on footer of page, and have the correct HTML structure. Please share with us the code you are trying, so we can edit and send you the correct way. If you have your website online in a web server, would be great if you can share the link with us, so we can inspect the parallax code and check what’s happening.

We hope you enjoy with Porto!

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

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[lewj24]

Thank you! I’m using Chrome and my resolution is 1920*1080.

---

[lewj24]

Thank you for the 1st owl dot fix. Just to let you know it did fix the dots. However, it didn’t fix the issue with the arrows that I added. I’ll just delete the arrows but I just wanted to let you know.

---

[Support]

Hello,

Regarding the arrows issue, sorry but we couldn’t reproduce the issue. Seems to be working normally. Here’s a gif showing:
Slider Gif

* This gif is big and has 9mb.

Regarding issue number 2 (animations), we use the same resolution here. I did new test reloading the page multiple times, scrolling and reloading, and the issue did not occur. Can you please send us some screenshot or maybe a video showing the issue ?

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[lewj24]

I’m sorry I’m sort of new at this. Maybe its because I added arrows to the Corporate 4 theme. This is the code that I added:

<div class=”owl-nav”>
<button type=”button” role=”presentation” class=”owl-prev”></button>
<button type=”button” role=”presentation” class=”owl-next”></button>
</div>

I just took it from another theme. Again no big deal for me personally I already removed them and used your owl dot fix.

How do I upload an image on here?

I really appreciate all the help. I’m still working with it and will ask for more help if I need it.

---

[lewj24]

I have no idea what I am doing wrong with Parallax. It works perfectly in visual studio but once I upload it online it doesn’t work. It’s probably something I’m doing wrong since I’m new at this. The code is:

<section class="parallax section section-text-light section-parallax section-center overlay overlay-show overlay-op-8 my-0" data-plugin-parallax data-plugin-options="{'speed': 1.5}" data-image-src="images/van6.webp">
	<div class="container py-5 my-3">
		<div class="row justify-content-center text-center">
			<div class="col">
				<h4 class="text-11 font-weight-extra-bold mb-1 line-height-2">Get Started Today</h4>
				<p class="text-4 opacity-7 mb-4"> We are ready to help you achieve your vision.</p>
	
				<a href="contact.html">CONTACT US NOW</a>
			</div>
		</div>
	</div>
</section>

The URL is: lewiswebdesigns.com/ofallon.html

---

[Support]

Hello,

Regarding arrows we did a new test here with your website code (inserting the arrows) and it’s working normally. Make sure you have the nav and dots code side by side. Eg:

<div class="owl-dots mb-5">
	<button role="button" class="owl-dot active"><span></span></button>
	<button role="button" class="owl-dot"><span></span></button>
	<button role="button" class="owl-dot"><span></span></button>
</div>
<div class="owl-nav">
	<button type="button" role="presentation" class="owl-prev"></button>
	<button type="button" role="presentation" class="owl-next"></button>
</div>

Regarding parallax, the HTML is correct. The problem is the image is not found in your server:
https://lewiswebdesigns.com/images/van5.webp

Regarding how to send image here, you can use https://imgbb.com to create a link and share with us.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[lewj24]

I took this photo straight from your theme.

Thank you for your help with the parallax. You helped me figure it out. I was super confused because the photo was on my server. Thank you so much!!

---

[Support]

Hello,

Thanks for the screenshot!

In the index-corporate-4.html we couldn’t reproduce this issue anytime, but in another pages we note that something similar occurs.

Let me know: This glitch is very occasional, our occurs all time you reload the page ?

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[lewj24]

So this glitch is occasional for certain elements. Some elements more than others. Most things never disappear. But some do randomly. I uploaded the site to ofallonglass.com and occasionally the testomonials section won’t appear and I don’t even have a transition, animation effect on it. Maybe only happens 10% or less of the time. I’ve noticed usually it happens if I add an animation. I added a contact form and added a transition animation and it started to disappear so I took it off and haven’t had a problem. The other thing on the site that will disappear is the Brochure section, but it’s even less often. It used to disappear more often but I made the animations simpler and it disappears less. Also if you’ll notice I took the animation off the 6 services because those disappear the most often for me as I show in the screenshot above, but taking away the transition fixes it. I haven’t had a problem with any other elements.

---

[lewj24]

https://ibb.co/zGjhWN5 This took me 15-20 tries refreshing to catch this.

---

[Support]

Hello,

Thanks you so much for your feedback!

Based on your comment, we did a lot of more tests here, and really some times the elements with animation did not appear. Seems to be related to the “Intersection Observer API” we are using to initialize the plugins (recently added in the template in favor of performance). We are investigating more deeply and I already added this to our to-do list for bugs. We will try to resolve this issue as soon possible!

Once we have this resolved, we will let you know here.

Sorry for this inconvenience, and really this occurs very occasionally, we need to reload the page multiple times.

Thanks for your patience!

Kind Regards,

Rodrigo.

---

[lewj24]

Thank you so much!

---

[Author]

Posts