Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 15, 2014 at 3:00 pm #291612
    rpl_admin

    Hi there,

    Can’t seem to get this logo to look quite right in any screen size! Never looks “well-aligned” with the navigation and the space available.
    Any suggestions?

    Many thanks

    July 15, 2014 at 3:52 pm #291635
    Yigit

    Hey rpl_admin!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .logo img {
margin-top: 15px;
}
.header-scrolled .logo img {
margin-top: 0;
}

    Best regards,
    Yigit

    July 16, 2014 at 3:44 am #291934
    rpl_admin

    Hey Yigit,

    Many thanks for your quick reply. That’s certainly improved it. Still looks too high in 768 portrait and smaller. (I cropped the image to the minimum and increased the top margin in the code you sent me to 20px).

    Also I notice some sites (e.g. Meet Google Drive) have sticky header in mobile screen sizes. Can we do that with Enfold?

    Once again many thanks for a fantastic theme and excellent support.

    Robert

    July 16, 2014 at 4:41 am #291941
    Josue

    Hey Robert!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 989px) {
.logo a{ top: 20px; }
}

    Cheers! 
    Josue

    July 16, 2014 at 8:46 am #291972
    rpl_admin

    Hi Josue,

    Thanks for the quick reply but that doesn’t seem to have made any difference on screen 768 portrait and below.

    July 16, 2014 at 9:01 am #291976
    Josue

    I don’t see the code being applied in Quick CSS – http://ielts-practice-tests.com/wp-content/uploads/dynamic_avia/enfold.css

    It should look like this:

    Regards,
    Josue

    July 16, 2014 at 10:05 am #291984
    rpl_admin

    Right. Sorry we hadn’t refreshed sufficiently. Only problem now is that in 768 portrait the logo is cut off at the bottom when you scroll.

    July 16, 2014 at 12:02 pm #292014
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 989px) {
.header-scrolled .logo a{ top: 0; }
}

    Best regards,
    Yigit

    July 16, 2014 at 1:47 pm #292060
    rpl_admin

    That’s great. Many thanks, gentlemen.

    July 16, 2014 at 1:53 pm #292064
    rpl_admin

    Woops. Sorry, spoke to soon. Something strange happening at 480 – logo seems to have become huge.

    July 16, 2014 at 1:55 pm #292065
    rpl_admin

    Sorry. Ignore previous. Had one bracket too many – all good again.

    July 16, 2014 at 1:59 pm #292067
    Yigit

    Hey!

    You are welcome Robert, glad we could help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Logo Appearance / Different Devices’ is closed to new replies.