Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 5, 2014 at 11:31 am #363502
    welti

    Hallo Kriesi Team

    Auf einer Seite möchte ich bei Menu einen weissen Hintergrund (jetzt nur mit einem Bild realisiert), der dynamisch ist. Wenn mehr Menupunkte dazu kommen, muss der weisse Hintergrund grösser/länger werden. Jeweils immer rechts bis ganz aussen.

    Ist das möglich mit einem Custom CSS?

    Please make it possible :-)

    December 5, 2014 at 3:08 pm #363560
    Flikk

    Hallo Welti,

    Ich ghöre zwar nicht zum Kriesi team aber ich helf dir auch gerne weiter :)

    Zuerst einmal brauchst du die page-id von der Seite auf der du die anpassungen machen möchtest: http://en.support.wordpress.com/pages/#how-to-find-the-page-id

    Dann musst du für folgenden Code einfach die page-id anpassen.

    #top.page-id-200 #header_main{
  Background: #FFFFFF;
}

    Das färbt den Hintergrund des Headers weiß.
    Sollen noch weitere Bereiche des Headers, wie z.B. das Menu gefärbt werden, muss man diese im CSS code dazu schreiben:
    Du kannst auch sagen das alle div container im header einen weißen Hintergrund bekommen sollen:

    #top.page-id-200 #header div{
  Background: #FFFFFF;
}

    Sollten andere spezifische Elemente gefärbt werden, dann müssen wir den CSS code noch etwas anpassen :)

    December 6, 2014 at 6:26 pm #364118
    Andy

    Hi!

    vielen Dank @Flikk.


    @welti     Hat es gekappt? Wenn du noch weitere Fragen hast, sind wir gerne für dich da.

    Liebe Grüße,
    Andy

    December 7, 2014 at 6:13 pm #364317
    welti

    Danke @Flikk.
    Leider hast du mein “Private Link nicht gesehen. Ich müsste in einem transparenten Header von Enfold diesen Balken machen um die Navigation und der müsste immer bis ganz an den rechten Browserrand… Ich habe alles mit einem Hintergrundbild simuliert.
    Der Balken um die Navigation möchte ich in CSS realisieren und nicht mit dem Hintegrund tricksen :-)

    Hier der Testlink: http://dador.com/?page_id=602

    Danke viel mal….

    December 8, 2014 at 8:53 pm #364947
    Andy

    Hey!

    einen transparenten Header kannst du einstellen, wenn du eine Seite editierst und dann rechts runterscrollst bis zu “Header visibility and transparency”.

    Füge folgenden Code ins Quick CSS ein:

    Den Menübalken:

    .main_menu {
background-color: white;
height: 25%;
top: 55px;
width: 70%;
right: -130px !important;
}

    Die Menüpunkte:

    .av-main-nav li {
top: -55px;
}

    Hoffe das hilft.

    Liebe Grüße,
    Andy

    December 8, 2014 at 9:35 pm #364970
    welti
    This reply has been marked as private.
    December 9, 2014 at 1:32 am #365093
    Andy

    Hey!

    mit dem Befehl

    .main_menu {
right: -130px !important;
}

    kannst du bestimmen in wieweit das ganze Menü nach rechts an den Rand verschoben wird. Spiele ein wenig mit der Zahl “-130” herum, bis du etwas passendes für dich findest.

    Welches mobiles Gerät verwendest du? Für u.a iPad verwende diesen Code:

    @media only screen and (max-width: 767px) {
.main_menu {
right: -60px !important;
}}

    Aber ich glaube fast Logo und Menü könnten sich überlappen oder? Sag noch mal bescheid.

    Gruß,
    Andy

    December 9, 2014 at 2:00 am #365100
    Flikk

    whenever i have a problem myself and ask a question in this forum, i am starting to get active in this forum again and use my time helping others while waiting for an answer :)

    I just like to help :)

    December 9, 2014 at 3:19 am #365115
    Andy

    Hey!

    alright. thanks for helping out @Flikk

    Regards,
    Andy

    December 9, 2014 at 9:18 am #365230
    welti
    This reply has been marked as private.
    December 9, 2014 at 2:55 pm #365345
    Andy

    Hey!

    mit diesem Code:

    .main_menu {
right: -430px !important;
}

    sieht es bei mir so aus:

    Falls es bei dir nicht korrekt angezeigt wird, dann leere zunächst bitte deinen Browser Cache.

    Liebe Grüße!
    Andy

    December 9, 2014 at 7:39 pm #365520
    welti
    This reply has been marked as private.
    December 10, 2014 at 3:42 am #365815
    Andy

    Hi!

    @media only screen and (max-width: 825px) {
.main_menu {
right: -240px !important;
}}

    eventuell musst du “max-width: 825px” anpassen, damit es für die Browsergröße passt, die du benötigst. Gleiches gilt für “-240px”.

    Gruß,
    Andy

    December 10, 2014 at 5:18 pm #366087
    welti
    This reply has been marked as private.
    December 11, 2014 at 4:19 am #366439
    Andy

    Hi!

    das freut mich. Wenn du noch Fragen hast, dann kannst du uns gerne wieder kontaktieren.

    Liebe Grüße,
    Andy

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Spezial Menu Hintergrund’ is closed to new replies.