Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 28, 2014 at 3:55 am #296564
    kbarranco

    I tried all kinds of CSS and it won’t budge.
    I would just like it to be even with the menu.

    July 28, 2014 at 1:43 pm #296743
    Yigit

    Hey KK!

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

    .logo img {
margin-top: 35px;
}

    Cheers!
    Yigit

    July 28, 2014 at 5:00 pm #296878
    kbarranco

    Hi Yigit,
    That is what I had and it didn’t move. I pasted your code in just in case something was wrong and it still won’t budge.

    July 28, 2014 at 5:01 pm #296880
    Yigit

    Hi!

    Please try adding !important rule as following 

    .logo img {
margin-top: 35px !important;
}

    Best regards,
    Yigit

    July 28, 2014 at 5:09 pm #296886
    kbarranco

    I cleared my cache but even that won’t work.

    July 28, 2014 at 5:13 pm #296889
    Yigit

    Hey!

    Please try adding the code to style.css file of your child theme in Appearance > Editor. If that too does not work, please make sure that wp-content/uploads folder has correct permissions ( 755 )

    Best regards,
    Yigit

    July 28, 2014 at 5:18 pm #296893
    kbarranco

    thanks! that worked.
    What about the logo running into the menu? and the distortion when it gets more narrow?

    July 28, 2014 at 5:20 pm #296894
    Yigit

    Hey!

    Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.

    Regards,
    Yigit

    July 28, 2014 at 9:12 pm #296989
    kbarranco

    ok. That’s good that the menu doesn’t clash anymore but the logo is funky. Is there a workaround?
    http://www.tiikoni.com/tis/view/?id=aa3f1c8

    July 28, 2014 at 9:17 pm #296992
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { height: auto !important; }}
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img { max-width: 84%; }}

    Cheers!
    Yigit

    July 28, 2014 at 10:32 pm #297039
    kbarranco

    Should I adjust the numbers? I don’t see a change, do you?

    July 28, 2014 at 10:40 pm #297042
    Yigit

    Hey!

    It seems like this code is not being applied 

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

    Do you mind posting a temporary admin login here so we can look into it?

    Cheers!
    Yigit

    July 28, 2014 at 11:37 pm #297066
    kbarranco

    thank you! It was there but I must have made a mistake. Works now!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Logo is stuck to the top’ is closed to new replies.