Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #346694

    Hey Eleina_Shinn!

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

    .html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;

    then go to Enfold theme options > Header > Header Size and set it to Custom Pixel Value = 139px



    Okay, placed that code in there, but it’s no longer centered…. take a look?

    What do you think I could do to make it centered again?



    Add this code to center align the logo:

    .logo a img {
    margin: 0 auto;



    Doesn’t work… :(



    It works when I test it but I noticed that you changed the header layout. Please set the header layout to center then remove browser cache and reload the page.



    I applied this fix as well, and the logo is displaying a little off to the left. I’m using the “small blog demo” setup, with no sidebars. Header set to “Logo Center, menu below.” and custom pixel value option and height set to 200px. Before the code, the logo was centered, and it looked perfect on full size screen. But the logo resized so small on the iPad, that it was almost unreadable. It’s a website that probably won’t be viewed much on a cell phone, but mostly on Tablets and Desktop computers. So I felt a 400 x 200 px logo would not mess up the appearance on a tablet. (image setting in media window, I clicked “full size” dimensions).

    Checked it on an iPad and desktop, and after adding those 2 bits of code above, it did enlarge the logo to full 400 x 200px, but it moved it to the left a bit. The size looks great on both computer and iPad.
    When you gave those 2 bits of code, do we place those in the GENERAL STYLING: Quick CSS … and just paste those 2 bits of code, one right after the other? Or the second code is replacing something in your first suggestion?

    (BTW, I’m posting this from an account that I registered with other Kriesi purchases. I just bought Enfold this week, but registered another support login for that. I never got a confirmation email, so I’m logging in with this one).


    I also was wondering if there isn’t an easy fix, would just adding some transparent space to the logo image work? (blank space to the left of the image … such as 10 transparent pixels to the actual logo image.) Or adding a margin or padding to the left of the image work?
    I guess it’s a workaround, but i’m sure there is a better way?
    Oh! I just re-read this thread, and I realized I missed one step of your instructions… After the first block of code, you say to adjust the logo size to 139 px, or something like that. I will try that step, and see if it works, however it seems like it would be defeating the purpose: if the initial goal was to enlarge the image! But I’ll give it a go… And report back…
    Nope. It did not work, but my logo is 400x200px. Does it matter what size setting you choose, while in the media browser? (Small, medium or full size?)

    • This reply was modified 8 years, 10 months ago by Mimi.
    This reply has been marked as private.


    @Mimi: I’m sorry but the issue you have is different from the original topic. Please create your own thread. If you already have one, please post the url here. We’ll reply there.


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