Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 9, 2016 at 9:11 am #562378
    Dave

    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

    January 11, 2016 at 8:33 am #562973
    Ismael

    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

    January 11, 2016 at 1:09 pm #563073
    Dave

    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

    January 11, 2016 at 1:22 pm #563080
    Yigit

    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

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