on using the clearing option it might be not neccessary to set the width of the first-child to 100%

and btw. : with your small lists ( with your nick your site is easy to find :lol) – you can set the rule from 480px on so here is the full code which might work:

it seems that this rule is enough solution for that problem:

@media only screen and (min-width: 480px) and (max-width: 989px) {
#footer .av_one_fifth {
    margin-left: 0% !important;
    width: 50% !important;
    min-height: 300px;
}
#footer .av_one_fifth:first-child {
    min-height: 1px;
}
.responsive #footer div .av_one_fifth:nth-child(2n) {
    clear: both !important;
}
}

Yes – thats my advice. If all other big Players (Google, Microsoft etc. do not support IE8 – why should we Webdesigners should do so?

http://caniuse.com/#feat=svg

you see on that diagramm that 97.23% browsersupport for svg.
And only 0.55% IE8 global use.

Was willst du mit dem Plugin erreichen?
Es gibt ja eine Menge Möglichkeiten was den Textumbruch angeht.

https://wiki.selfhtml.org/wiki/Zeilenumbruch

zB die Verwendung von ­ in Wörtern um Einfluss auf das Verhalten in Worten zu wahren.

oder via javascript: http://best-web-design-tools.com/resources/hyphenator/

Well i do not recomend you to change the mobile behavior – floating left is best i think:

try this here

.avia-breadcrumbs {
    display: inline-flex;
    left: 50%;
    position: absolute !important;
    right: inherit !important;
    transform: translate(-50%);
    vertical-align: middle;
}

for mobile version you can try this:

@media only screen and (max-width: 767px)
.responsive .title_container .breadcrumb {
    display: inline-flex;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
}
}

but best will be to know your site link to say something for your specific code

• This reply was modified 9 years ago by Guenni007.

i think normal line-height in enfold (if standard font-size is set to 13px) 1.65em:

.page-id-185 .av_one_third .entry-content-wrapper * {
    font-size: 13px;
    line-height: 1.65em;
}

it depends on what to get smaller only the text in the p tags or the headings too etc. pp

if you only want to get this result on that specific page :

.page-id-185 .av_one_third .entry-content-wrapper * {
    font-size: 13px;
}

so everything following the .entry-content-wrapper will be effected.

if you want to have the h2 of the 1/3 column stay big you have to go deeper down: f.e:

.page-id-185 .av_one_third .entry-content * {
    font-size: 13px;
}

in this code the h2 aren’t effected.

you can insert your own text into that field followed by [nolink] this little shortcode let the backlink disappear.

Enfold Options – Footer – Copyright

he wants to get rid of the ‘#’ hash sign. – but this is elementary component of ID links.

i think there is no universal solution on that. For the page / post you need that you can do the rule above with .page-id class

you can see the result here: Link

f.e.:

.page-id-2766 #main {
    min-height: 100vh
}

.page-id-2766 #socket {
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}

i guess they have here a function on it:

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

and the last true is for footer !

don’t know if this works as well:

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

• This reply was modified 9 years ago by Guenni007.

than i really don’t understand your request.
if footer is disabled the socket is at the bottom of the content! Isn’t it?

hm – why so complicated ?

the downloaded zip file contains all of those things a fontello zip file includes.
I uploaded that zip-file from http://jpswalsh.github.io/academicons/
goto import/export of enfold options – goto iconfont manager and select that zip file. Bingo.

From now you can handle all icons as a native iconset in enfold !
Font-family is than Academicons and the hexcode you can determin via a post and an insertion of an icon – by hovering those icons you see the hexcode of that glyph.

Or see here and count from ue900 to ue935 (from left to right)
see here the use as icons in enfold: http://webers-testseite.de/ikom/academicons/

the link above from Yigit is best if you want to change it with another “font” icon
if you like to change it with a colored logo this above should work.

i prefer Yigits last link.
if you look to this site (Kriesi Blog Site / Support Forum) and what happend to the logo on shrining this will be one part of the solution. you can let those text stay (the rule of #top .header-scrolled .logo-title on the bottom set opacity to 1) if shrinking has stopped

i changed a bit that code to insert the normal site name and site description of wordpress. So you only have to have the figurative Part of your logo and put in the text via code (this comes to child-theme functions.php):

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<span class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</span>";
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</span>";
  return $sub;
}

than you have to manage your customisation via quick css – something like this (it comes to quick css):

#top .logo, #top .logo a {
    overflow: visible;
}

#top .logo-subtitle {
    color: #aaa !important;
    font-size: 18px !important;
    top: 20px !important;
}

#top .logo-title {
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
font-size: 12px;
color: #000;
position: absolute;
left: 7px;
top: -7px;
opacity: 1;
white-space: nowrap;
}

#top .subtext {
float: left;
position: relative;
}

#top .header-scrolled .logo-title {
opacity: 0;
filter: alpha(opacity=0);
}

the overflow: visible instruction here is very important

you can see the result on testpage here: http://webers-testseite.de/ikom/

• This reply was modified 9 years ago by Guenni007.