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

    Hi Guys
    Please can you tell me where and how to change / add the css / code to fix these 3 things re header logo
    1/ So that I can make a header logo image 1,000 x 200 and so stays centralized (above the menu) & it shrinks like it presently does.
    2/ also have issue when viewed on a tablet, there is a big blank space between logo and the menu
    3/ also when viewing on Internet Explorer the logo is half off the screen to the right.
    url – http://www.ssch.com.au
    Thanks

    #562973

    Hi Dave!

    Thank you for using Enfold.

    1/ So that I can make a header logo image 1,000 x 200 and so stays centralized (above the menu) & it shrinks like it presently does.

    Please add this in the Quick CSS field:

    .logo, .logo a, .logo a img {
        min-width: 100%;
    }
    
    .header-scrolled .logo, .header-scrolled .logo a, .header-scrolled .logo a img {
        min-width: 0 !important;
    }

    2/ also have issue when viewed on a tablet, there is a big blank space between logo and the menu

    The code above should fix that.

    3/ also when viewing on Internet Explorer the logo is half off the screen to the right.

    What version of IE? It looks good on IE11.

    Cheers!
    Ismael

    #563073

    Hi Ismael
    Thanks for your help it is much better.
    However is there a way to create a ratio between width & height so it doesn’t distort?
    If you have a look on a really wide screen resolution like 1920 x 1080 the logo is really stretched
    To check out what the layout looks like on different screens (devices) and browsers I used the website
    https://www.browserstack.com/responsive
    There you can see what happens on Windows 7
    Thanks again Mate

    #563080

    Hi!

    Can you please try replacing the code Ismael posted above with following one

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

    and then set header height to 290px in Enfold theme options > Header?

    Best regards,
    Yigit

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