Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 11, 2014 at 5:10 pm #235666
    wideglidemike

    First time with the Enfold theme.. be gentle on me. ;-}

    I’ve hacked together some custom CSS from reading the forum and got my logo centered and enlarged (on PC anyway) but I really screwed up the logo on mobile (iphone specifically – haven’t checked on others yet)

    My site is http://myclosetlife.com/

    Here’s the code I pasted into the Quck CSS box. Coudl someone please help me out. I don’t profess to know css, but I can copy and paste with the best of them.;-} What can I do here to keep the logo just the way it is on PC but fix it for mobile?? Thanks in advance!
    =============

    .logo img {
    margin-left: 300px;
    height: 156px !important;
    width: 340px !important;
    }

    #header_main .container, .logo img, .logo a {
    height: 156px !important;
    line-height: 88px !important;
    max-height: none !important;
    max-width: none !important;
    }

    March 11, 2014 at 6:29 pm #235733
    Ismael

    Hey wideglidemike!

    How are you? I hope you’re doing well today.

    Please add this on Quick CSS or custom.css:

    @media only screen and (max-width: 767px) {
.responsive .logo, .logo a, .logo a img {
position: relative;
height: auto;
float: none;
max-width: 100% !important;
}
}

    Cheers!
    Ismael

    March 11, 2014 at 7:16 pm #235781
    wideglidemike

    Hey Ismael! Thanks for bailing me out! Works great. Thanks a lot!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Enlarged and Centered Logo but I screwed up Repsonsive’ is closed to new replies.