Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 5, 2020 at 1:44 pm #1209944
    agentur2c

    Hallo liebes Forumteam,

    ich habe eine neue Enfold-Installation und bekomme zwei Dinge nicht gefixt:
    Zum einen hier auf der Blogübersichtsseite die doppelten Striche zwischen den Beitragsteasern. Hier stand vorher das Datum zur Erstellung des Blogs. Wie kann ich diese entfernen, wenn das Datum ausgeblendet ist? Wenn nur das Datum drinsteht ist rechts davon auch noch ein Strich, der stört, wenn nur das Datum drinsteht und keine weitere Info wie der Autor.

    Und zum anderen habe ich das Logo mittig gesetzt, das Burgermenü drunter und die Telefonnummer in die Topbar. Dort sitzen auf Desktopbreite auch die Social Media Icons. Sobald ich aber auf Tabletbreite komme, rutschen diese rechts neben das Logo und der Burger rutscht auch nach rechts, das Logo nach links und wird kleiner.

    Wo muss ich es einstellen, dass die Social Mediabuttons oben in der Topbar bleiben und das Logo mittig und groß, auch in der Mobile-Ansicht?

    Vielen Dank schonmal für eure Hilfe!!

    • This topic was modified 4 years, 6 months ago by agentur2c.
    May 10, 2020 at 6:45 pm #1211686
    Mike

    Hey agentur2c,
    Entschuldigung für die späte Antwort und danke für den Link. Auf der Seite, auf die Sie verlinkt haben, werden die doppelten Zeilen mit dem Datum nicht angezeigt, aber ich habe sie auf Ihrer Startseite unter “AKTUELLES AUS UNSEREM BLOG” gefunden, um dies auszublenden. Bitte versuchen Sie diesen Code im General Styling> Quick CSS Feld oder im Feld WordPress> Anpassen> Zusätzliches CSS :

    .html_elegant-blog .avia-content-slider .slide-meta {
    display: none !important; 
}

    Um Ihr Logo zu zentrieren und Ihre sozialen Symbole in der oberen Leiste auf dem Handy anzuzeigen, versuchen Sie bitte dieses CSS:

    @media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block!important;
vertical-align: middle!important;
}

.responsive .logo {
position: relative!important;
display: block!important;
width: 100%!important;
text-align: center!important;
}
#header_meta > div > ul.social_bookmarks {
	display: block!important;
} 
}

    Leeren Sie dann Ihren Browser-Cache und überprüfen Sie.
    Bitte beachten Sie den Screenshot im Bereich Privater Inhalt der erwarteten Ergebnisse.

    — Translated with Google —

    Sorry for the late reply and thanks for the link. On the page you linked to I’m not seeing the double lines with the date, but I did find it on your frontpage under “AKTUELLES AUS UNSEREM BLOG” to hide this Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .html_elegant-blog .avia-content-slider .slide-meta {
    display: none !important; 
}

    To center your logo and show your social icons in the top bar on mobile please try this css:

    @media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block!important;
vertical-align: middle!important;
}

.responsive .logo {
position: relative!important;
display: block!important;
width: 100%!important;
text-align: center!important;
}
#header_meta > div > ul.social_bookmarks {
	display: block!important;
} 
}

    Then clear your browser cache and check.
    Please see the screenshot in Private Content area of the expected results.

    Best regards,
    Mike

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