Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 7, 2020 at 1:54 pm #1210715
    agentur2c

    Hello @ all,

    i have a Question to the Topbar and the Social Media icons. In the desktop-version the icons stick on the left side of the topbar (wich i decided so) and the logo ist centered, the burger-menu below. But if i look in the mobile-version, the design changes: The SM-Icons come down to the left side of the logo, which is not centered anymore.

    How can i get the logo centered in all screenversions and let the social media icons in the topbar the whole time?

    Thank you!

    May 8, 2020 at 3:07 pm #1211059
    agentur2c

    Not even one Person who could help?

    May 8, 2020 at 7:35 pm #1211149
    Victoria

    Hi agentur2c,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    .responsive #top #header .av-logo-container .main_menu .social_bookmarks {
        display: none;
    }
        .responsive #top #header #header_meta .social_bookmarks {
        display: block;
    }
    .responsive #top .logo {
        display: block;
        margin-left: 33vw;
    }
}
@media only screen and (max-width: 479px) {
    .responsive #top .logo {
        display: block;
        margin-left: 25vw;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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