Tagged: center logo, logo size, tablet
-
AuthorPosts
-
November 5, 2014 at 6:42 pm #346694
Okay, I have a Logo Image that I would like to spread across the top – have chosed centered logo with nav underneath in Enfold… but Enfold is reducing the width of the image – it’s 750px wide and Enfold is reducing it down to 515, even if I choose a custom pixel height to match original.
I might even like it to spread across larger if it looks nice… how can I get enfold to take whatever original size I upload?
Sorry, I looked through the forum, tried some of the other code you;ve previously provided, but nothing worked.
Thank You.
November 6, 2014 at 12:35 am #346886Hey 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
Regards,
YigitNovember 6, 2014 at 10:14 pm #347415Okay, placed that code in there, but it’s no longer centered…. take a look? http://new.coastlinetree.com/wordpress/
What do you think I could do to make it centered again?
November 7, 2014 at 11:27 am #347660Hey!
Add this code to center align the logo:
.logo a img { margin: 0 auto; }
Regards,
IsmaelNovember 7, 2014 at 5:05 pm #347795Doesn’t work… :(
November 8, 2014 at 4:33 am #348072Hey!
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.
Regards,
IsmaelNovember 15, 2014 at 4:46 am #351676I 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).
November 15, 2014 at 4:52 am #351677I 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?)
Thanks,
Mimi- This reply was modified 9 years, 11 months ago by Mimi.
November 15, 2014 at 4:53 am #351678This reply has been marked as private.November 16, 2014 at 3:53 pm #352024 -
AuthorPosts
- You must be logged in to reply to this topic.