Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #693297

    I want the logo to be full-width and to appear above the menu?

    i tried codes like:

    #header_main>.container {
    max-width: 100%!important;
    width: 100%!important;
    }

    and

    .html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    }
    #header_main>.container {
    margin: 0;
    }

    and

    .html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    }
    #header_main>.container {
    max-width: 100%!important;
    width: 100%!important;
    }

    but nothing happened

    plz help

    #693299

    Hey pajicu,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    #693304

    Login credentials

    #693307

    Hi,

    I added following code to Quick CSS

    .html_header_top.html_logo_center .logo {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    Then set header height to 245px (which is the height of your logo) in Enfold theme options > Header then flushed cache. Please review your website now. When you make changes on your site, please do not forget to flush cache on your cache plugins settings.

    Best regards,
    Yigit

    #693311

    it’s ok now but i have that small margins on both sides it’s not 100% width

    https://s12.postimg.org/xfiob2xe5/Untitled_1.jpg

    #693313

    and bottom space…i dont want bottom space

    #693325

    Hi,

    I added following lines as well

    
    .container.av-logo-container {
        max-width: 100%!important;
        margin: 0!important;
        padding: 0!important;
    }
    
    .logo, .logo img { width: 100%; }

    Please review your website now

    Best regards,
    Yigit

    #693329

    PERFECT!!!!

    Thank you very very much

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full-width logo’ is closed to new replies.