-
-
I configured Specular Theme with Business3 content as example. And I noticed that there is some effect if I resize the browser window (after the first loading of the page, Safari). The content floating from the left to the right. Check my example: https://profexpert.eu/new/
And I noticed that on original Business3 example no such kind of effect: https://codeless.co/specular/business3/
Can you help me to turn off this effect?
-
Hello,
Can you please be more specific? The elements are set to change according to the content changes. I don’t see any difference between the demo and your site. What has to be change?
Best regards!
-
Please try resize a window of my website: https://profexpert.eu
You can see this effect in a first resize, after second resize it’s not showing. The content floating from the left side to right. This effect visible only during the window resize. Please help me turn off this effect.
-
Hello,
Sorry for the late reply.
I did re-sized your site several times, but i did not get any issue. Did you fix your issue? Can you please send a screenshot? So we can understand you better.Best regards!
-
Not possible to create a screenshot becaus this effect is visible only 1 second. Please try it in Mac Safari.
Try decrease the window size, from wide size to narrow size.
Let me know if you can’t and I will record by video.
-
Hello,
Please send us your ftp credentials in a private reply. So we can give it a closer look.
Best regards!
-
-
I posted FTP credentials in my previews private post. Did you check the issue?
-
Hello,
It’s not an effect, if you re-size the widow from the right side the content will move left to right and vice versa, because the distance between the content and the screen changes.
Best regards!
-
It’s not just simple resize. It’s look like some resize effect. Did you noticed that I mean? Look like you didn’t notice this issue. Please try resize the window on different OS and browsers.
And this effect is visible only after the first resize – if you resize the window second time it’s not visible.
-
-
Hello,
Please edit the file ‘specular/js/main.js’.
Find the code:$(window).resize(function(){ if($('.header_8').length > 0){ var container_left = $('.full_nav_menu').offset().left; var nav = $('.full_nav_menu nav').offset().left; $('.codeless_custom_menu_mega_menu').each(function(){ var minus = nav - container_left; $(this).css('left', '-'+minus+'px'); }); } });
After it add this code:
$(window).resize(function(){ if($('.header_9').length > 0){ var container_left = $('.nav_top').offset().left; var nav = $('.nav_top nav').offset().left; $('.codeless_custom_menu_mega_menu').each(function(){ var minus = nav - container_left; $(this).css('left', '-'+minus+'px'); }); } });
Let us know if you still need help.
Best regards!
-
I change this file: <span style=”color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; white-space: nowrap;”>/</span>wp-content<span style=”color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; white-space: nowrap;”>/</span>themes<span style=”color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; white-space: nowrap;”>/</span>specular<span style=”color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; white-space: nowrap;”>/</span>js/<span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px;”>main.js</span>
New code added. Didn’t help.
Did you get my issue?
-
I changed main.js in this path: /wp-content/themes/specular/js
Didn’t help.
-
-
Hello,
Sorry for the late reply.
I have edited the code i gave you to this:$(window).resize(function(){ if($('.header_9').length > 0){ e.preventDefault(); } }); }
I made several tests in Safari, but i do not get the sliding content effect on resize. Please check it out and let us know.
Best regards!
-
Thanks. Effect is gone from the slider. But:
– Now if you decrease the window size to 720 or less – the slider doesn’t resize as expected.
– And if you open the website in small window size (720 or less) and resize it large window (960 or more) – the slider doesn’t shows.
– And, if you decrease the window, the slider still visible, and click sandwich menu icon – the sliding effect is appear.Look like your solution not removing the sliding effect, just remove the slider resize.
For me it’s better to have resized slider, then remove the effect. I remove you piece of code from main.js
Please help me to remove the effect itself, not disable other functionality.
-
Hello,
Please can you show us your site credentials? I need to check the slider settings, to understand why the slider disappears.
Best regards!
-
You must be logged in to reply to this topic.