download now direkt on fontello.com the fontawesome font!

same code in child-theme functions.php but instead of css code above try this here (padding-right is the logo distance):

div .logo {
    float: left;
    padding-right: 25px;
    left: 0;
    position: relative;
    z-index: 1;
}

.logo.second-logo {
    float: left;
    position: relative !important;
    z-index: 1;
}

.responsive #top .logo {
    height: auto !important;
}

see link: Link

btw. on the example above i centered the navigation in this way:

.html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    display: inline-flex;
    margin-left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
    width: auto !important;
}

.html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown {
    float: left;
}

download the fontawesome pack. Unzip it.

take the fontawesome-webfont.svg out of the fonts folder. Upload that to fontello icons by drag and drop! in that custom field.
fontello now makes a font – select the wanted icons and dowload that fontello icon font set as zip.
Upload that to your enfold theme! bingo (svg wonder :lol:)

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

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

Did you install a demo ?
because on default – even if you choose the stretched layout the content is on default at 1310px minus 50px padding left right.
So 1210px is normaly the content. Some alb elements are stretched to screenwidth (grid-row, …)
If you have perhaps a demo site or an example on enfold demo sites where this happens we might better help you

you can use not only for small screens even for wide screens those media querries like:

@media only screen and (min-width: 1600px) {
.av-layout-grid-container {
    margin: 0 auto;
    width: 70vw;
}
}

what kind of header did you choose:
sticky, logo left menu below etc.

first of all:
on some browsers there are some strange befhaviors on margin settings – so try first a width of 49% for .av_one_fifth in the css code above

second: i do not see your site but as i know there are after each flex-column a clearing of both sides. It might be a solution to set the clearing only to the first-child , “third-child” , fifth-child and so on .
There is no third-child nor fifth-child class on those columns so you can play a bit with :nth-child(2n+1) n starts at Zero =0
so try this here:

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

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

hier der Link zum WordPress Plugin basierend auf Hyphenator: https://de.wordpress.org/plugins/hyphenator/

this thread of mine is a long time ago – and on this time i noticed that this code works well but makes the whole thing extremly slow !:

function svg_replace(){
?>
<script>
jQuery(window).load(function(){
jQuery('.avia-msie-8 img[src$="svg"]').attr('src', function() {  
    return jQuery(this).attr('src').replace('.svg', '.png');
  });
</script>
<?php
}
add_action('wp_footer', 'svg_replace');

_____________________________________

On that time i thought a bit like you that every browser must handle an installation as well!

But now i think we have to weigh here.
A 100% browser compatibility and very slow ie8 reaction – and 97% browser combatibility to no Ie8 support .

IE8 has a market share of 2% of 11% of all IE. Google Maps Api (and the other apis too) did not support IE8 – every IE8 Support has stopped from Microsoft.
So it is much more important that an installation works well on smartphones and tabletts.

can you please post that code you inserted into your child-theme functions.php?
Maybe there is a little mistake .

Or do you have imported some demo-files – and working on base of that demo import

Sometimes there are some changings in advanced styling – specially on headings (h1, h2, h3 etc. )
these rules overwrite standard settings.

i realy don’t understand your request :

please explain it a bit more precise

you mean you want to get rid of backlink copyright notice to Kriese?

goto Enfold Options – Footer – Copyright and put in your wanted text followed by [nolink] – this little shortcode removes the backlink

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

see here on kriesi’s blog page what happend to the logo when scrolling! you can avoid that disappearing of the text – very easy.

see here Link

Best is to be on a child-theme installation because every changing by updating your enfold theme will remain!
you can see a demo here on a testenvironment: webers-testseite.de/ikom

you can see that i like to use the normal site name and site description to insert the text besides the figurative part of the logo

PS : those values in quick css (left top etc.) depends on your text and figurative part of your logo – so you have to play a bit with them.

well you can try it with transition:
f.e.: Link

#header_main_alternate {
   background-color: #f50 
}

.header-scrolled #header_main_alternate {
    background-color: #0f7 ;
    transition: background-color 1s ease-in 0s
}

what kind of header have you choosen?
Logo left/right/center
navigation left/right/over or under Logo etc.

yes – but i don’t know if this here:

function include_custom_js_file() {
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/custom1.js', array('jquery', 'avia-default'), 2, true );
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/custom2.js', array('jquery', 'avia-default'), 2, true );
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/custom3.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_custom_js_file', 100 );

will work – or if you have to make each external js file has to be handled seperately.