Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 17, 2015 at 7:52 am #397263
    rpl_admin

    Hi there,
    Made some changes so that the header is fixed and now we can’t seem to get the header/logo to look right under 768 wide. The logo is quite long unfortunately. Any suggestions?

    Many thanks,

    Robert

    February 17, 2015 at 12:49 pm #397420
    Ismael

    Hi rpl_admin!

    Thank you for using Enfold.

    Logo looks fine on screens less than 768px except for the vertical alignment which you can fix by using this on the Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive .logo a {
position: relative;
top: 0;
}}

    Cheers!
    Ismael

    February 18, 2015 at 10:30 am #398001
    rpl_admin

    Hi Ismael,
    Thanks for this – much better but still seems a bit small on 320 – anything we can do?

    Many thanks

    Robert

    February 18, 2015 at 7:39 pm #398408
    Elliott

    Hey!

    It looks fine on my end. Are you trying to reduce it’s width more? If so then try this out.

    @media only screen and (max-width: 400px) {
.responsive .logo img { width: 150px !important; }
}

    Best regards,
    Elliott

    February 19, 2015 at 11:21 am #398776
    rpl_admin

    Hi Elliot,

    Thanks for your reply. In the end we decided to hide the shopping cart icon on mobile. We can then make the logo slightly bigger.

    Thanks anyway,

    Robert

    February 19, 2015 at 11:24 am #398782
    Yigit

    Hey Robert!

    Shall we go ahead and mark the thread as resolved? By the way, congratulations on the launch :)

    Cheers!
    Yigit

    February 20, 2015 at 2:15 am #399392
    rpl_admin

    Many thanks, Yigit.

    Yes, we can close this one now.

    Cheers,

    Robert

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