-
Posts
-
Hi reraow!
I think what your wanting to do is add this to your custom CSS.
.avia-menu-fx { display: none; }If that’s not correct then take a screenshot and highlight what your trying to do so we can get a better idea.
Best regards,
ElliottHey!
Which OS and browser are you using? It does look fine on my end – http://i.imgur.com/Yz22YKE.png
Cheers!
Yigiti’m using Win7 and Chrome browser.
if you wanna see the problem just click one small click on the scroll bar.please go here enfold/js/avia.js
i ve edited the code below, you will find my code signed by //rayan 17/3/2015
//check if the browser supports element rotation
function avia_header_size()
{
var win = $(window),
header = $(‘.html_header_top.html_header_sticky #header’);if(!header.length) return;
var logo = $(‘#header_main .container .logo img, #header_main .container .logo a’),
elements = $(‘#header_main .container:first, #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a, #header_main_alternate a)’),
el_height = $(elements).filter(‘:first’).height(),
isMobile = $.avia_utilities.isMobile,
scroll_top = $(‘#scroll-top-link’),
transparent = header.is(‘.av_header_transparency’),
shrinking = header.is(‘.av_header_shrinking’),
set_height = function()
{
var st = win.scrollTop(), newH = 0;
var mynewH = 0;//rayan edit 17/3/2015if(shrinking && !isMobile)
{
if(st < el_height/2)
{newH = el_height – st;
mynewH = 0;//rayan edit 17/3/2015
av_change_class(header, ‘remove’, ‘header-scrolled’);
//header.removeClass(‘header-scrolled’);
}else
{
newH = el_height/2;
mynewH =el_height-newH -10 //rayan edit 17/3/2015
//header.addClass(‘header-scrolled’);
av_change_class(header, ‘add’, ‘header-scrolled’);
}elements.css({‘height’: newH + ‘px’, ‘lineHeight’: newH-mynewH + ‘px’});//rayan edit 17/3/2015
logo.css({‘maxHeight’: newH + ‘px’});
}if(transparent)
{
if(st > 50)
{
//header.removeClass(‘av_header_transparency’);
av_change_class(header, ‘remove’, ‘av_header_transparency’);
}
else
{
//header.addClass(‘av_header_transparency’);
av_change_class(header, ‘add’, ‘av_header_transparency’);
}
}}
if($(‘body’).is(‘.avia_deactivate_menu_resize’)) shrinking = false;
if(!transparent && !shrinking) return;
win.on( ‘debouncedresize’, function(){ el_height = $(elements).attr(‘style’,””).filter(‘:first’).height(); set_height(); } );
win.on( ‘scroll’, function(){ window.requestAnimationFrame( set_height )} );
set_height();
}Hi!
I’m on Windows 7 and latest version of Chrome but it looks fine for me. Make sure the zoom is set to 100% and try clearing your browser cache.
Also try disabling all of your Chrome extensions & plugins to see if they are causing weird behaviour.
Cheers!
Elliottplease can you take a look here :)
https://drive.google.com/file/d/0B83iEH2VRWC8NGl3cURud2JCSmM/view?usp=sharingsorry that video was corrupted this the right one
https://drive.google.com/file/d/0B83iEH2VRWC8Y2htTy1GaTdwRTA/view?usp=sharingHi!
Oh I see now, you have to use the scrollbar instead of your mouse.
Your using this CSS to set the position from the top correct?
span.avia-menu-text { top: 32px; }Try setting it from the bottom instead.
span.avia-menu-text { bottom: -5px; }Regards,
Elliott
- The topic ‘problem with header when scrolling’ is closed to new replies.