did you try that code above by copy / paste ?

the advantage is that the image floats to the text.

yes i know – and you can see on may test-page ( https://webers-testseite.de/portfolio-item/pirol-hifi/ ) that the code above works well for my Enfold 4.4.1
there are a lot of portfolios but- only two with “category” frontside – and only these two are shown.
i do not know why it works on my installtion (4.4.1) and on your setup not.

well my first input to that was to move the two things in the DOM.
because I am intensifying my knowledge about jQuery, I have a solution here, but I think it must be easier done. I looked at the helper-main-menu.php, but couldn’t find anything at first sight.
Maybe there is a solution via the filter: avf_main_menu_nav
It now depends on which headers you use. You may need to make adjust it for the transparent headers. The icons follow the shrink behavior. You still have to determine the transparency font color.

this to functions.php of your child-theme

function change_menu_position() { 
?>
<script>
(function($){
	$('.main_menu ul.social_bookmarks').insertBefore($('.main_menu div.avia-menu'));
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'change_menu_position');

this to quick css:

#top nav .social_bookmarks {
    margin-top: -20px !important;
    overflow: visible !important;
    height: 40px !important
}
.avia-menu.av_menu_icon_beside {
    padding-right: 0;
    margin-right: 0;
    border-right-width: 0;
    border-right-style: none;
}
.social_bookmarks li a {
    height: 40px !important;
    line-height: 40px !important;
    width: 40px !important;
}
#top .social_bookmarks li {
    width: 40px;
    height: auto !important;
}
#top .av-logo-container .social_bookmarks li a {
    border-radius: 50%;
}
.av_header_transparency .social_bookmarks li a {
    color: #969696 !important;
}

the exact positioning of the social-bookmarks is then only possible if i have your life link afterwards.

why don’t you add them to Enfold Options in the ordersequence you like to have?

the top is on the left – the bottom on the right.

if you use the child-theme option you have to set that path to the new files.
My advice is to preserve the folder and make a subfolder to your child-theme called lang
then do this to your functions.php of your child-theme:

function overwrite_language_file_child_theme() {
    $lang = get_stylesheet_directory().'/lang';
    return $lang;
}
add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');

Or you can use the very good translator from deepl.com to translate those english phrases

?

As you mentioned the word to look for is hyphenation – and the WordPress Plugin is Hyphenator : https://de.wordpress.org/plugins/hyphenator/
i’m very happy with that – i often use it on pages where my customers like to have justified text.

Hyphenator automatically inserts separators in the content, so that at the end of line the text is wrapped with a dash if applicable. Hyphenator.js, a JavaScript available under the terms of LGPL v3, is used. It fields the algorithm known from OpenOffice and LaTeX. As this is executed client-sidedly, it adapts itself to the respective browser environment and thus avoids a faulty display. The script is particularly suitable for justification and supports a variety of languages.

to avoid unnecessary use of the whole thing, you simply assign a user-defined class (default is hyphenate) for the textblocks you like to hyphenate in that manner.

to have vice-versa post navs you can use this:

add_filter( 'avia_post_nav_entries', 'enfold_customization_postnav', 10, 2); 
function enfold_customization_postnav($entries, $settings) {
    $entries['prev'] = get_next_post($settings['same_category']);
    $entries['next'] = get_previous_post($settings['same_category']);
    return $entries;
}

and sorry i did not read that it is a portfolio:
the portfolio “categories” aren’t real categories – they are ( as for events too) taxonomies:

add_filter('avia_post_nav_settings', 'avia_post_nav_settings_mod');
function avia_post_nav_settings_mod($settings)
{
  if(is_singular('portfolio')) {
    $settings['taxonomy'] = 'portfolio_entries';
    $settings['same_category'] = true;}
  return $settings;
}

PS: please use for code the code block element on top of the input field:
click once code – enter your code – click it a second time
or enter your code – activate the whole code you entered with your mouse – press once code button.
the code is therefore difficult to read and to check – in addition, certain characters are converted by Boardsoft. The code in the code block can be copied and inserted directly to your functions.php of your child-theme

• This reply was modified 6 years, 12 months ago by Guenni007.

can you please try this instead in your functions.php of your child-theme:

add_filter( 'avia_post_nav_settings', 'enfold_customization_same_cat' );
function enfold_customization_same_cat( $s ) {
    $s['same_category'] = true;
  return $s;
}

your link in the css to the image is not correct:

.myicon .av-icon-char {
    background-image: url('http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/myicon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

nearby – the selector is not the iconbox_icon:

.myicon .av-icon-char::before {
    visibility: hidden;
}

.myicon .av-icon-char {
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

by the way the kriesi logo above has a lot of transparency arround the logo. If you do not have this space the image will be bigger.

if you are activating the shortcodes for polylang via your functions.php of your child-theme:

function polylang_shortcode($atts, $content = null){
	if (empty($content))
	return '';
	extract( shortcode_atts( array('lang' => ''), $atts ) );
	if (empty($lang))
	return "<h3>You must specify 'lang' using shortcode: polylang</h3>";
	return ($lang == pll_current_language()) ? $content : '';
}
add_shortcode('polylang', 'polylang_shortcode');

you then can use this in all text fields – and a lot of enfold options input fields too (like footer copyright field) on this :

[polylang lang="en"]PhoneNumber for english sites [/polylang][polylang lang="de"]PhoneNumber for german sites[/polylang]

etc. pp

well you can use your full-screen slider aswell and add your logo via jQuery function.

Here on my testpage i have given the slider the custom-class: place-logo

then i put into functions.php of my child-theme:

Test-page: https://webers-testseite.de/cynthia/logo-goes-to-slider/

function add_logo_to_slider() { 
?>
<script>
(function($){
	$('.place-logo .slideshow_caption').before('<img class="sliderlogo" src="https://webers-testseite.de/cynthia/wp-content/uploads/2018/07/full-logo.png" alt="Logo on Slider" />');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_logo_to_slider');

and make a setup for your added image for each slide number like:

/* rule for all slides in the slider */
.sliderlogo {
position: relative !important;
width: 40% !important;
top: 35%;
transform: translateY(-50%);
-webkit-filter: drop-shadow(2px 2px 3px #ffffff);
filter: drop-shadow(2px 2px 3px #ffffff);
}

/* if you like to have semitransparent background with padding for slide 1 */
.slide-1 .sliderlogo {
    background-color: rgba(255,255,255,0.2);
    padding: 40px;
}

/* if you like to shift in x direction for slide 2 */
.slide-2 .sliderlogo {
	margin-left: 10% !important;
}