and by the way for the icon color there is an extra styling tab on enfold – main menu – burger/mobile menu styling. on new 4.1

– no custom.css might be overwritten by quick css

so if you don’t habe a life link – than you have to wait for mods here – and give them the login datas.

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

you have here the oportunity to go to Enfold Options Page – Advanced Styling on “select an Element to customize” choose: “Menu Links in Overlay/Slideout – press “Edit Element”

On the new Input field you now can do a lot of things with that menu – even font-family etc.

i did – but you inspect it with a fire-bug or developer tools – but these list-points are greyed out because they are on display: none !

go and proove your site on W3C Validation site. These “duplicate ID’s” are not mentioned because they are not displayed at the same time.
But – and that is the point i mentioned – if you will make a check mark on menus ( Main Menu and Footer Menu for the same menu) these list points are displayed at the same time – and will cause a duplicate ID Fault.

i made a new edited section.php and it works – but on former version : on inserting an input on video the format ratio and my new field for muting or not were displayed by directly sliding down.

Now with the new Enfold 4.1 i first had to save – than reopen the element and now the new fields are visible. I see no fault in the array i inserted – the required field is set ok so i wonder why the fields didn’t open immediately

array(	
		"name" 	=> __("Mute Video?", 'avia_framework' ),
		"desc" 	=> __("Uncheck if you want to have audio", 'avia_framework' )."<br/><small>".__("by default it is muted", 'avia_framework' ) ."</small>" ,
		"id" 	=> "video_mute",
		"required"=> array('video','not',''),
		"std" 	=> true,
		"type" 	=> "checkbox"),

try to give them an height definition too! I think this could help ( auto will be ok i believe)

mit dem shrinking header könntest Du auch folgendes machen:

bitte scrollen und oder browserwindow verkleinern

https://webers-testseite.de/kokon/pages/about-us/

Also – anhand deiner Seite sehe ich ja, dass wir uns wohl auch auf deutsch unterhalten können.

Du musst noch einige Einstellungen verändert haben, was das responsive Verhalten betrifft. Denn wenn du mein Browserfenster verkleinerst, siehst du keinerlei Sprünge bezüglich der Größe.

Das Menu kannst du platzieren wo du willst, links mittig oder rechts. via Quick css – sag wie du es willst. ausserdem hast du in den Enfold Einstellungen wohl die Variante mit den kleinen Separatoren gewählt. – Bei mir jetzt mal nicht – ist Geschmackssache.

Welchen Grund hat es , dass du einmal das eine dann das andere Logo einsetzt? ich sehe keinen Unterschied – ausser dem Größenunterschied !
Weshalb dann auch im Frontend die Logos unterschiedlich groß sind !

Du kannst in beide Codes die gleiche Bilddatei setzen

please take my code because it is much easier to handle the positioning of the two images.
Get rid of the code with sub and insert this :

function first_logo($logo) {
$logo .= '<span class="logo first-logo"><a href="http://www1.dr-preissl.at" >' ;
$logo .= '<img src="/wp-content/uploads/2017/06/PRE_Logo_RGB_150_RZ-161x300.png"/>';
$logo .= '</a></span>';
return $logo;
}
add_filter('avf_logo_final_output', 'first_logo');

function second_logo($logo) {
$logo .= '<span class="logo second-logo"><a href="http://www1.dr-preissl.at" >' ;
$logo .= '<img src="/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png"/>';
$logo .= '</a></span>';
return $logo;
}
add_filter('avf_logo_final_output', 'second_logo');

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

btw – please tell me the code how you get it in logo container.

on two sides i have been involved too in this tab-section “bug”

if you are working with a child theme do this in your functions.php:

function determine_last_friday() {
?>
<script type="text/javascript">
function enableLastFriday(date) {
    var lastDayInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
    var isFriday = date.getDay() == 5;
    var isLastDayOfMonth = date.getDate() > lastDayInMonth - 7;
    return [isFriday && isLastDayOfMonth, '']; 
}
 </script>
<?php
}
add_action('wp_footer', 'determine_last_friday', 10);

function only_last_friday() {
?>
 <script type="text/javascript">
    jQuery(document).ready(function(){ 
				jQuery.datepicker.setDefaults({
				beforeShowDay: enableLastFriday
            });
    });   
 </script>
<?php
}
add_action('wp_footer', 'only_last_friday', 20);

PPS: i had to splitt that functions- because i don’t want to override the enfold settings to datepicker template

see here in contact form element: https://webers-testseite.de/8-columns/

• This reply was modified 8 years ago by Guenni007.

it is more or less only functions.php of child-theme and a bit css.

if you like to insert an svg or png/jpg it is a bit different:

/** for svgs only   ******/
function first_logo($logo) {
$logo .= '<span class="logo first-logo"><a href="path to an url1">' ;
$logo .= file_get_contents("/wp-content/uploads/logo1.svg");
$logo .= '</a></span>';
return $logo;
}
add_filter('avf_logo_final_output', 'first_logo');	

/** for the normal case of a png or jpgs   ******/
function second_logo($logo) {
$logo .= '<span class="logo second-logo"><a href="url2" target="_blank">' ;
$logo .= '<img src="/wp-content/uploads/logo2.png"/>';
$logo .= '</a></span>';
return $logo;
}
add_filter('avf_logo_final_output', 'second_logo');

Comment: You see that these images stay a “logo” only a second class (fist-logo, second-logo, etc.) is given to them.

on some reasons it is better to get rid of the logo inserted by enfold options dialog. (z-index, positioning etc.)

if you will place a svg Graphic than a bit more is to be done in quick css!

the width an heights are dependent on your graphics – so you have to play with it.

div .logo { float: none}
.logo:first-child img { display: none}
.logo img {max-width: 320px}
.logo.first-logo {z-index: 3}
.logo.second-logo {z-index: 2}
.logo.second-logo {width: 100%}
.logo.second-logo a {float: right}
.logo.first-logo a, .logo.second-logo a {display: inline-block}

and in responsive case (play with the 768px concerning to your logo-images) :

@media only screen and (max-width: 768px) {
.logo.second-logo a { float: left }
.responsive #top .logo { height: auto }
.responsive #top .logo:first-child { display: none }
}

i’m just kidding – it would be nice to have a link – because enfold got so much possibilities to set up the navigation.

One possibility is to goto enfold options dialog – advanced styling – choose “main menu links” and then edit element – there you can edit all concerning to main menu links even the font-family etc.

• This reply was modified 8 years ago by Guenni007.

so here is my solution – you have to have header with extra-element second-navigation !!!
in this case the second-navigation is empty – but it is declared on Menu as secondary-menu !

This to functions.php of child-theme:

add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);
add_filter( 'avia_meta_header', 'avia_append_search_nav_mod');
function avia_append_search_nav_mod()
{
	        global $avia_config;
	        ob_start();
	        get_search_form();
	        $form =  htmlspecialchars(ob_get_clean()) ;

	        $items .= '<div id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
							<a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
	        		   </div>';

    echo $items;
}

this to quick.css:

#top #header_meta #menu-item-search {
    list-style: outside none none;
padding-left: 20px
}

#top #header_meta .avia-search-tooltip {
    margin-left: -60px;
    top: 18px !important;
}

#top #header_meta .avia-search-tooltip .avia-arrow-wrap {
    right: 80px;
}

@media only screen and (max-width: 768px){

.responsive #header_meta .sub_menu {
    float: right;
    right: 45%;
    position: relative;
    top: 10px;
    width: auto;
}

.responsive #header .social_bookmarks {
    float: right;
    position: relative;
    right: 40%;
    width: auto;
}

.av_icon_active_right .social_bookmarks {
    padding-left: 0;
}

#top #header_meta .avia-search-tooltip {
    margin-left: 30px;
    top: 18px !important;
}

#top #header_meta .avia-search-tooltip .avia-arrow-wrap {
    right: 170px;
}
}

look here on top: https://webers-testseite.de/
go and pull the browser window smaller to see how the behavior is on that.

by the way ismael – isn’t possible to add the list point into the sub-menu ?

sorry that was an answer to csogordaniel