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, 3 months 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, 3 months 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, 3 months ago by Guenni007.

.header-scrolled .header_bg {
background-color: #fff !important;
}

you even can use rgba or something else

try it with this code

edit : a sorry i will have a look – you only want the background behind navigation

.header-scrolled #header_main_alternate  {
background-color: #fff !important;
}

• This reply was modified 9 years, 3 months ago by Guenni007.

the header background is set up in class : header_bg
but i don’t know your site so i do not know if this will look nice – maybe a semitransparent header is better like:
(see testsite above too with a semi transparent blue now)

.header-scrolled .header_bg {
    background-color: rgba(70, 120, 174, 0.8) !important;
}

• This reply was modified 9 years, 3 months ago by Guenni007.

well i remember a question i had – that shrinking function does not work on ipad:

so read here for the solution: https://kriesi.at/support/topic/shrinking-header-on-ipad-does-not-work/#post-575345

the code you have to insert in your child-theme functions.php is:

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

you see that the custom script is loaded out of the folder in your child-theme folder “js”
here is Josues link: https://gist.github.com/josueochoa/66beec77cfa7a21e81b8

the main.js file you see in the link of josue (copy/paste the code in a file and name it main.js) upload that main.js to js folder in your child-theme folder via ftp.

now shrinking on ipad works and if you put in now my code above the things got to work:
see here http://webers-testseite.de/ikom