if you manage that – you can try to insert this to your functions.php of child-theme:

function add_touch_fix(){
?>
<script>document.addEventListener("touchstart", function(){}, true);</script>
<?php
}
add_action('wp_footer', 'add_touch_fix');

on pads and phones it will give you a click-function by touchstart.

Without your site i stop support from me now.
Sorry – as you now can see – the scroll down button goes to the maximum bottom of all. Because the ID : fb_root is the last ID in all Enfold pages/posts (its just before body closes after all scripts)

Maybe you have set the submenu to be a sticky one – so it is indeed at the top of the sceen. I have on the example page set it to not be sticky.
So look what happens than.

did you proof if it is there but not visible?
sometimes it is simple a background-color problem. (on default it is the statusquo for that zoom-glas icon – white on white)

.av-burger-overlay-active #top #wrap_all #menu-item-search a, .av-burger-overlay-active #top #wrap_all #menu-item-search a:hover {
    color: #fff;
}

try to insert this and have a look :

.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #0088bd !important;
}

if so here is the code goes to functions.php of your child-theme:

function scroll_to_bottom() {
?>
<a class="avia_pop_class" href="#fb-root"><div title="scroll to bottom" class="scrolldown"></div></a>
<span class="avia_hidden_link_text">Scroll to bottom</span>
<?php
}
add_action('ava_main_header' , 'scroll_to_bottom');

this here goes to quick css:

a .scrolldown {
    left: 2px;
    position: absolute;
    top: 2px;
}

a:hover .scrolldown:before {
    background-color: #fff;
    border: 1px solid #ebebeb;
    color: #000000;
    opacity: 1
}

a .scrolldown::before {
    content: "\e873";
    border: 1px solid #aaa;
    color: #999;
    font-family: entypo-fontello;
    font-size: 24px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 40px;
    transition: all 0.5s ease-out 0s;
}

• This reply was modified 7 years, 8 months ago by Guenni007.

well the scroll-top function is on shortcodes.js line 1552

scroll_top: function()
{
	setTimeout(function()
	{
		var target_offset = target_wrap.offset().top - 175,
			window_offset = win.scrollTop();
							
		if(window_offset > target_offset || target_offset - window_offset > 100  )
		{
			$('html:not(:animated),body:not(:animated)').animate({ scrollTop: target_offset }, options.timing, options.easing);
		}
	},10);
},

and stackoverflow is full of good hints for a function with scroll-bottom behavior.
Or much simpler : place a button as you like and link to the anchor #footer (or #socket) – the anchor link is animated as well in enfold.

well i think you have to go deep in avia.js
because what you want is that the shrink amount of the header is less than that of the logo itself.

search for the function function avia_header_size()

to change the amount from 50% to f.e 10% it is ok ( and there are alot of discussions here on board)
but if that what you like to have is work for a normal support – i don’t know

first look into your media and click the logo – see what url was concerned to it. If there is a https you only have to erase the input in logo field of enfold options dialog. Save the setting without logo – than reenter it and save again.
I guess that would do the trick.

by the way – i sometimes play with enfold options – for example having the boxed version with a background image – or a logo for transparency options. Going back to stretched layout the field f.e. of body background is hidden – but former entries are in. These setting are often forgotten.
But in your case it is only the logo.

On shop: shop-banner-1-495×200.jpg

open that color section above and reload the background image

without your page as a link – i can not help you.
i myself changed my personal websites to https which are allready installed.
there are some good plugins (me as a german i prefer search&replace) which can directly search for strings in the database and replace them in all tables. So you can search for http://yourdomain and replace it by https://yourdomain (do not try tor search only for http – https – because all existing https will change to httpss)
Sometimes these are f.e. in quick css absolute positioned images etc. pp. To help you it will be best to see the site.

the code is good – but the second logo is missing.
How did you insert the second logo ?

i prefer this method via functions.php of child-theme

function second_logo($logo) {
$logo .= '<strong class="logo second-logo"><a href="url2" target="_blank">' ;
$logo .= '<img src="url to you second logo" />';
$logo .= '</a></strong>';
return $logo;
}
add_filter('avf_logo_final_output', 'second_logo');

afterwards you can set this second-logo to display: block with:

.header-scrolled .second-logo > a > img { display: block !important; }

• This reply was modified 7 years, 8 months ago by Guenni007.

bitte nichts mehr ändern: und folgenden code einfügen (den rest bitte löschen)

@media only screen and (min-width: 320px) and (max-width: 990px) {
body .column-top-margin {
    margin-top: 0;
}

div .av_one_fifth {
    margin-left: 2% !important;
    width: 44%;
  clear: none !important
}

div .av_one_fifth:nth-child(2n+1) {
    clear: both !important;
}
}

• This reply was modified 7 years, 8 months ago by Guenni007.

headings are Lato and text is Open Sans

hast du einen direkt link dahin – ich finde die 5 spalter nicht

ich hatte ganz bewußt auf diese Spanne gestellt. Wenn es zu klein wird um gesehen zu werden ist es auch doof oder?
480px ist die Handy Querformatmarke.
Wenn du auch auf dem Handy im Hochformat das haben willst musst du die untere Marke auf 320px stellen
oder gar noch kleiner einstellen – ein Link wäre genial, weil dann kann man optimieren.
ZB würde ich dann das padding links/rechts wohl verringern Mobilen Fall ( du hast das generell auf 15% – finde ich recht üppig bei 320px breite.

und btw. wenn du von 4 auf 5 Spalten stellst musst du jedesmal leider auf die erste Spalte gehen um dort die Parameter neu einzustellen.
(individuelle Höhe, und kein Platz zwischen den Spalten – denn ich glaube per default ist das auf equal height und space gestellt)

ach schon mal ne Lösung für die Footer Problematik (auch hier sind es ja 5 Säulen) du hast dort die Schrift verkleinert – brauchst du so garnicht.
Du kannst aber auch hier auf 2 2 1 gehen
du siehst die media querries pixelwerte kannst du ja dann deinen Bedürfnissen anpassen.

@media only screen and (min-width: 480px) and (max-width: 989px) {
#footer .av_one_fifth {
    margin-left: 0% !important;
    width: 50% !important;
}

.responsive #footer div .av_one_fifth:nth-child(2n+1) {
    clear: both !important;
}
}

https://webers-testseite.de/kokon/fifth-columns/

i only can help best if i see your page

these are 1/5th columns with image and text under it. The columns are from individual height and with no space between

you lost something – try this in htaccess file: Link

<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>