I have a screeshot on the page I created (link in the private content) for the issue I have, can’t understand how you cannot see it..?
Anyway the problem is the same: I need the top padding the same as the bottom padding, and it seems I cannot do that.
I even cloned the first color section at the top of the page but the copy has a lot more space below

I have solved! in the avia.js line 791:

if(container.length)
                        {
                            var usersviewportWidth = $(window).width();
                            if(usersviewportWidth > 767 ){
                                var myOffset = 150;
                            } else {
                                var myOffset = 0;
                            }
                            var cur_offset = the_win.scrollTop(),
                                container_offset = container.offset().top,
                                target =  container_offset - fixedMainPadding + myOffset,

The myOffet variable must set with specific pixel height, in most case 150px.

Can’t seem to understand how to upload an image here.. anyway I created a page

I don’t need the space removed, I need the space at the top to be the same color as the other one..

Thank you for your answer

Hi Rikard,

Thanks. I changed the color and it works now. You can close this topic.

Hi Yigit,

Thanks! code works as expect. How to fix this for all mobile and tablet screen. non desktop and laptops.

Please help us.

Hi,

1. I add the code to functions.php in child theme
2. I activate the child theme
3. The error is that I see the code in my backend and also on top of the website frontend.

I tried this code from thread https://kriesi.at/support/topic/different-logo-for-every-language/:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
	$lang = pll_current_language('locale');

	switch ($lang) {
    case 'en_US':
        $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
        break;
    case 'af':
        $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
        break;
	}

	return $logo;
}

I tried this code from thread https://kriesi.at/support/topic/different-logos-in-different-languages/:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
$currentlang = get_bloginfo('language');
if($currentlang=="en-US")
    {
    $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
    }
if($currentlang=="fr-FR"){
    {
    $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
    }
    return $logo;
}

And I tried this code from thread https://kriesi.at/support/topic/polylang-logo-changer/:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
	$lang = pll_current_language('locale');

	switch ($lang) {
    case 'en_US':
        $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
        break;
    case 'af':
        $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
        break;
	}

	return $logo;
}

Please find in private a temporary account for WP and FTP

• This reply was modified 8 years, 10 months ago by mustmedia.

Hi Jordan,

Thanks for getting back to me

That makes no difference.

I changed the code to

.av-siteloader{
margin-left:565px!important;
}

And this fixed the issue on the desktop device, but shifted the logo partially out of site on a mobile device.

Any ideas?

Kind Regards,

Tim

Hi Sarah,

thanks for the quick help. The active links now have the correct color.

As for the alignment, I’ve added the following to the quick CSS:

@media only screen and (min-width: 1180px) {
    #top #header .avia_mega_div {
        left: 0px;
    }
}

and it seems to work so far.

Thanks in advance,
microTOOL.

Hey Rikard, I dont really have an example at hand. Amazon uses this a lot for product presentation. Basically all elements, like from a portfolio are shown in one line. You then have to scroll from left to right or wipe. Its like any grid layout turns into an entry slider on mobile.

Hm, a walk arround might be to use a antry slider and set the rows to 3 for desktop and 1 for mobile. Still that might require some code right?

Thanks! it’s working like a charm! I have another question though: the featured column appear with a black border on the top in the grey cell. How can I get rid of this? and what is the code to change the button text and background color?
http://i66.tinypic.com/21alkjm.png

Thanks a lot again :)

• This reply was modified 8 years, 10 months ago by Samuel.