I am working on a site which is (http://www.echo-group.com.au/), in home page right after slider there is Carousel of three inf boxes and in mobile view (developer mode) after hard refresh or viewing link in actual mobile device it shows disturbed view it suppose to show one column instead of 3 at once.
I tried to update owl.carousel JS and CSS files but error is still there i am stuck here need guidance kindly help me out it will be a big help thanks!!!
Kindly see these screenshot for further understanding the Error
ErrorScreenshot
how its need to be
In your theme.js file, in FUNCTION CALLING section, use revolutionSliderActiver() above services_carousel(). Hope this will resolve your issue.
Related
I'm working on a website, and it flashes a white screen between page loads, every time I click a link. I've read a lot of other posts on similar issues, but each scenario looks to be different. How do I best go about troubleshooting where this flash is coming from?
The site is using WordPress, custom built from the Genesis Child Sample theme. I'm not greatly versed in the Inspector tool. Anything I should be focusing on in reviewing/testing?
This issue ended up coming from an animation I was unaware of on the .site-container. I removed this CSS, and the issue was resolved.
I am using UX builder theme.
Page link: [here]
In this page we used only sliders.. In mobile view slider's sections are overlapping except last slider (link).. tried everything but not getting solution.. Today I removed 2 sections from last slider (Blends of Natural Ingredients) then its coming proper in mobile version. But I need those sections.. What went wrong, where I did wrong, anyone pls..
The same issue having with blog posts.. [link]
Waiting for your valuable response..
Thank you in advance..
I've used Ruby menu in my website from this example:
It works fine on desktop.
But it is not working on mobile devices (Button can not be clicked).
The console shows an error that it is failed to load 3 js files:
http://brienlabs.com/ruby-mega-menu/js/ruby-main.js
http://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js
http://brienlabs.com/ruby-mega-menu/js/ruby-demo.js
I tried to add those 3 files on my site but it is still not working and shows me below errors.
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js”. index.html:2779:1
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/ruby-demo.js”. index.html:2779:1
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/ruby-main.js”.
Please, can anyone assist me?
Thank you in advance.
You have this “, but it'll be ". Those are different from each other. Please check it. I hope it'll work.
Wrong
“https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js”
Correct
"https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js"
I have an owl.carousel on my website displaying testimonials. I didn't have any issues with this until about a month or two ago. I have no idea what happened that now I have this problem but i'll try to explain as best as I can.
I'm getting two different views of the carousel on the firefox and chrome. On firefox, it looks perfectly fine and displays correctly. On chrome how ever, it seems like after the browser cashes the page, the carousel decides to align all the text to the right (I know this is confusing so ill put picture in so you guys can see). The reason I say after it cashes the page is because, when I load the page with no cashe on chrome, it looks perfectly fine as it does on firefox, but as soon as I go to another page and then come back or refresh the page, the carousel all shifts to the right.
Here is what it looks like on chrome:
https://gyazo.com/2466dc69c470851122693d622975c018 --> Chrome
Here is also a link to the website for who ever that wants to read the code them selves (scroll down the home page and you will see the testimonials section):
http://ecocertificates.com.au
Any help would be greatly appreciated guys!
Thanks in advance :)
I am working on a side project and I am trying to make a touch function to open the side panel on iPhone and Tablet. I am struggling really bad with this. I have tried a different file order in header. But it still doesn't work. I am no jQuery expert yet. If someone could tell me why my touch function doesn't work.
http://codepen.io/anon/pen/IBrcC
Any help is appreciated!
Edit!
Problem solved I tried go back some version of menu, and it seems to be a bug in 4.1.3 Version.