Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1295564

    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, 8 months ago by Astrobiologic.
    #1295951

    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

    #1296616

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

    Best regards

    #1296670

    Hi Astrobiologic,

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

    Best regards,
    Nikko

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