can i see the page too ! I’m using on default svg for logo files – and only if the logo has to be pixelbased (complex fotos or graphic) i’m forced to use pngs or jpgs.
So – i do not use a plugin for svg support. The simple solution for using svgs in wordpress is in child-theme functions.php :

function custom_mtypes( $m ){
    $m['svg'] = 'image/svg+xml';
    $m['svgz'] = 'image/svg+xml';
    return $m;
}
add_filter( 'upload_mimes', 'custom_mtypes' );

only there is no preview on media list – but you can use it everywhere.
The one thing to know is WordPress thinks these svgs got a width and height of 1px.
So it is recomended to set up these information in quick css.

PS i changed it to 1/100 amount) to see what i mean. And placed the News Button ( the “Logo” outside header) in the center

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

hm – if this will be nice enough for you – it is only css styling of new burger menu.
And with media-querries it works on all devices without falling back to old mobile advanced menu

Test Page

by the way here is the code to change if you have increased top-bar height (social bookmarks height)
on line 1623 :
if(st - 30 < el_height)
this is standard given top-bar height.
if you do not change here the 30 the main container is on starting already under the header

see here i increased the top-bar height to 40px (instead of 30 normal value)

i don’t know where the point is and why it does not work – the concerning code is in avia.js:

if(shrinking && !isMobile)
{
    if(st < el_height/2)
    {
        newH = el_height - st;
        if(st <= 0){
			newH = el_height;
	    }        
        av_change_class(header, 'remove', 'header-scrolled');
        //header.removeClass('header-scrolled');
    }
    else
    {
        newH = el_height/2;
        //header.addClass('header-scrolled');
        av_change_class(header, 'add', 'header-scrolled');
    }
    
    if(st - 30 < el_height)
    {
        av_change_class(header, 'remove', 'header-scrolled-full');
    }
    else
    {
        av_change_class(header, 'add', 'header-scrolled-full');
    }
    elements.css({'height': newH + 'px', 'lineHeight': newH + 'px'});
	logo.css({'maxHeight': newH + 'px'});
}

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

by the way: if you only want to have it on a special color section set a customclass for it: ( class: bottom-text) means give the custom-class to the color-section – not the entries

did you read it carefully:

if you only want to have it on a special color section set a customclass for it: ( class: bottom-text)

http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

and i have in the color-section no container in it but only a text alb element set.
If you have in it a heading (you have to correct this now) – but on starting thread you write a text-block

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

here is the fontello font i created: http://webers-testseite.de/ikom/simple-icons.zip

vielleicht einen Link zu deiner Seite . dann können auch die nicht Mods dir helfen.

i dont know if this is 50px (guess it is aprox 80px) – but maybe it is ok for you if you setup a colorsection – 100% height – and a textblock in it.
and choose:

.avia-section.av-minimum-height .container .content {
    vertical-align: bottom !important;
}

see here: http://webers-testseite.de/ikom/colorsection100/

if you take away the margin from p tag in that color section its nearby 60px distance

.avia-section .container .content p {
    margin: 0 !important;
}

These are global rules if you only want to have it on a special color section set a customclass for it: ( class: bottom-text)

.avia-section.bottom-text .container .content {
    vertical-align: bottom !important;
}

.avia-section.bottom-text .container .content p {
    margin: 0 !important;
}

on class-form-generator.php there is this required set in two different ways – the one by an extra element with class required for the case of not hiding labels.
the second is to set a string $extra="*" this is set 4times and if you like to change you can insert for example $extra=" "
maybe there is a fast way over functions.php of the child-theme to set a variable globaly to a value

well as i said
just a fullwidth slider with custom-class (in my case: customclass)
and only your text in one button (from slider dialog)
the rest is css: (the last three rules are to setup your font and other stiles ):

.customclass .avia-slideshow-button::after {
    content: url("/lodders/wp-content/uploads/2016/11/excell-icon.png");
    display: inline-block;
    height: auto;
    padding: 0 0 0 10px;
    position: absolute;
    top: -30px;
    width: 40px;
}

#top .customclass .avia-slideshow-button.avia-color-light {
    background-color: #b7c84b !important;
    font-size: 15px;
    font-weight: normal;
    padding: 12px 80px 12px 16px !important;
}

.customclass div .slideshow_caption h2 {
    font-style: italic;
    font-weight: bold !important;
    text-transform: none;
}

.customclass .slideshow_caption {
    width: 100%;
}

.customclass .avia-caption-content {
    font-weight: bold;
}

so you have the installation too here in a subfolder.
so link to your image must be different

/lodders/wp-content/uploads/2016/11/excell-icon.png

.page-id-16 .customclass .avia-slideshow-button::after {
content: url("/lodders/wp-content/uploads/2016/11/excell-icon.png");
display: inline-table;
height: auto;
padding: 0 0 0 10px;
width: 30px;
}
#top.page-id-16 .customclass .avia-slideshow-button {
display: inline;
height: 50px;
top: 30px;
}

.avia-button.avia-size-x-large {
    font-size: 15px;
    text-align: left
}

but there are strange things in that slider – where can i choose an x-large button on that sliders ?
i think here is the place a mod must help you with admin account .
no chance to see from outside what you have done there – sorry

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