Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 20, 2021 at 2:42 pm #1295564
    Astrobiologic

    Hello,

    I use this code to center the logo on the desktop version, 

    /* Centrar logo sidebar left */
.html_header_sidebar #top .logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 201px;
}
/* Tamaño logo*/
.html_header_sidebar .logo {
padding: 9px;
width: auto;
}
.logo img {
margin-top: 10px;
margin-bottom: 25px;
}

    How can I make the logo stay normal, aligned to the left in the mobile version?

    Thanks

    • This topic was modified 3 years, 7 months ago by Astrobiologic.
    April 22, 2021 at 8:12 am #1295951
    Rikard

    Hey Jose,

    Please try wrapping it in a media query, like so:

    @media only screen and (min-width: 768px) {
/* Centrar logo sidebar left */
.html_header_sidebar #top .logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 201px;
}
/* Tamaño logo*/
.html_header_sidebar .logo {
padding: 9px;
width: auto;
}
.logo img {
margin-top: 10px;
margin-bottom: 25px;
}
}

    Best regards,
    Rikard

    April 25, 2021 at 4:24 pm #1296616
    Astrobiologic

    Nice, works :)
    Thanks for your help Rikard, works perfect. +10

    Best regards

    April 26, 2021 at 6:47 am #1296670
    Nikko

    Hi Astrobiologic,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Center logo in left sidebar menu’ is closed to new replies.