Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 10, 2023 at 12:40 pm #1400671
    Simone_o

    Hallo,
    ich möchte, dass der Text in meinem Widgetmenü oben bündig mit dem Inhalt ist.
    vertical-align funktioniert nicht.

    Licht und Schatten | sw

    March 10, 2023 at 1:32 pm #1400679
    Guenni007

    the ul list items got a padding: .8em 3px

    but before we change that value or shift the ul up – it is easier if you go to the right column with the slider – edit that column and give a padding top to that column of about 18px

    March 10, 2023 at 1:55 pm #1400685
    Guenni007

    maybe you decide to show the list in responsive case this way:

    @media only screen and (max-width:767px) {
  #top .widget_nav_menu ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items:  baseline;
  }
  
  #top .widget_nav_menu ul > li {
    padding: 0 5px !important
  }

  #top .content .flex_column .widget_nav_menu li:first-child {
    border-top-width: 0px !important; 
  }

  #top .sidebar_left .widget_nav_menu ul:first-child > .current-menu-ancestor, 
  #top .sidebar_left .widget_nav_menu ul:first-child > .current-menu-item, 
  #top .sidebar_left .widget_nav_menu ul:first-child > .current_page_item {
    top: 0px !important; 
  }
}

    if you must have this more specific to that list – give a custom class to it and edit the code above.

    March 10, 2023 at 2:29 pm #1400692
    Simone_o

    Hallo vielen Dank,
    ich habe den Weg gewählt, die rechte Spalte 18 px tiefer zu setzen.

    March 11, 2023 at 2:33 pm #1400833
    Guenni007

    ja – aber schau dir bitte auch den responsive case an – oder willst du dieses Layout beibehalten:

    deshalb der andere code.

    March 11, 2023 at 7:25 pm #1400867
    Simone_o

    Ja, das habe ich im Blick.
    Es soll eine klare Typografie sein.
    In der mobilen Darstellung wird es eine andere Menüführung geben

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.