if you get it – i will restore my old solution

if you don’t like the solution with blog info name and description you can use a bit shorter code than in your screenshot 4/7

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<span class='logo-title'>first line</span>";
  $sub .= "<span class='logo-title logo-subtitle'>Another custom text line</span>";
  return $sub;
}

ohne die Seite selbst zu sehen – fast unmöglich einen Vorschlag zu machen. Wenn du lieber auf einen Mod wartest – auch ok.

Kriesi oben hat eher meinen Code genutzt, dort sind zwei Zeilen eingefügt worden (logo-title und logo-subtitel) – deshalb meine Frage – dein logo ist Symbol + Zen Mediation als Bild und dann “Company Name” hinzugefügt ?

Anhand der bilder sehe ich, dass wir uns auch gerne deutsch unterhalten können.
Verstehe ich das richtig, dass du als Bildmarke (Logo) jetzt das Symbol und den Schriftzug Zen Mediation hochgeladen hast?
Und via functions.php dann Company Name als Zusatz lädst?

Warum machst du es nicht so wie hier an Board mit dem Kriesi K. siehe oben – scroll mal ( das Verschwinden der Schriften muss nicht sein – ist aber auch elegant.

Ich mache das in dem Fall immer über den WordPress Titel und die WordPress Beschreibung:

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;
}

zu dem Überlappungsproblem kannst du dich entscheiden:
Das Menu einstellen, dass es am richtigen Punkt überspringt. Heißt : messen wann es nötig ist und den Sprungpunkt danach einstellen.
Lösung wie oben – die Schriften langsam verschwinden zu lassen ( beim Scrollen – bei shrinking header) und bei kleineren Bildschirmen.

Point 1 ) i do not see both menu and burger menu icon.
but i see you got a cart sign there too so the rule:

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { 
right: 30px !important } 
}

seems to be a good advice for you even inbetween 768px and 990px – because otherwise the car symbol will overlay the burger icon

Point 2) i can not confirm your fault on my end here: OSX Safari

Point 4) is correct on newest Version of enfold. Therefore or some additional maintab (such as menu) on the left

concerning to: https://kriesi.at/support/topic/how-to-centre-text-in-socket/#post-845728

on css optimizers often the last semicolon is erased. it is not necessary.
So code could be:

#socket .container {
    text-align: center
}
#socket .copyright {
    float: none !important
}

because there was no attribut list for each rule – if so the semicolons are necessary – except the last !

• This reply was modified 8 years, 1 month ago by Guenni007.

so i played a bit with the code:

as target for the buttons use: #toggle-color-section
and the class goes to buttons is: color-section-toggler

use this code instead (has the opportunity that the color-section is there but with height = 0px )

function add_custom_toggler(){
?>
<script>
jQuery(window).load(function () {
  jQuery("#toggle-color-section").addClass("notseen");
  jQuery(".avia-button-wrap.color-section-toggler").click(function () {
   jQuery("#toggle-color-section").toggleClass("notseen");	  
  });
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_toggler');

and do this to quick css:

.notseen {
    height: 0 !important;
    min-height: 0 !important;
}

see here: https://webers-testseite.de/colorsection-toggle/

allthough i believe that the hide function should work too- but i guess the link to the anchor has no target on click. Because the color-section is on display: none.
here the color-section is allways there (even for seo) but it is not visible

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

does the other page with the toggler exists too?
try to delete this page or remove the ID from that color section to prove if it is a double ID conflict.

it would be better to insert as button link the page url with the id
so in your case to that site try to insert #toggle-color-section

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

you inserted in the field the class with the dot – the dot comes automatically to the class
insert please only : color-section-toggler and not : .color-section-toggler

you did it right with the ID – you don’t insert it with the # – the same with the class

you can do the positioning via Enfold – Header – Menu and Logo Position: there you can choose the option Logo center menu below.

Or you can try to influence the parameters for your header layout be:

Well first of all i would deminish a bit your Menu font-size from 15 to 14 and change a bit the padding.
Because your Menu is very big (witdth):

#top #header .av-main-nav > li > a {
    font-size: 14px;
    padding: 0 11px;
}

than you can change the break-point where the mobile menu starts through media query rule:
(i do put those media querries allway on the bottom of my quick css)

@media only screen and (max-width: 1070px) {
  .container #advanced_menu_toggle, #advanced_menu_hide {
      display: block;
  }
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: none;
}
}

Or maybe it is an opportunity to have a top navigation with less informative context (like imprint or about etc.)

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

Nice – but i’m a Participant as you – so you have to wait for a Mod here on Board.