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 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?
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.
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.
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.
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.
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');
});
}
});
– 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.
