-
AuthorPosts
-
August 17, 2017 at 7:26 pm #840588
Hi, I would like to set some air on the top of my website because my logo is touching the browser tabs.
I have been playing around with the Header height on the Header settings but I don’t get exactly what I want.
Any help would be appreciated :)
You can enter as admin on my site.One example of what I need: http://jeffmoberg.tv/#/new-page-2/
Big thank you!
August 18, 2017 at 12:11 am #840663Hey Samuel,
Try this code in the General Styling > Quick CSS field:.inner-container {padding-top: 50px !important; }
to add 50px to the top. Try adjusting to suit.
Best regards,
MikeAugust 18, 2017 at 12:16 am #840666EDIT: when entering the code on General styling it takes everything down (logo and menu items) so I don’t know if I must leave transparent space on my logo for it to be properly aligned with the menu.
Thank you Mike,
I want to make sure what the max. size of the logo can be because 340*156 is too small. I have been surfing on a retina macbook pro and it seems really pixelated. If I increase, for instance, the width to, let’s say, 1000px, it mixes up with the menu item.Some clarification on this extent would be sweet.
Thank you for your fast answer.
Best,
Samuel Marin
- This reply was modified 7 years, 1 month ago by Samuel.
August 20, 2017 at 12:09 am #841508Hi,
The logo and menu items are in the same container, I thought you wanted space at the top of your whole site.
Your logo is showing at 289×210 and it’s real size is 300×218, so it shouldn’t be looking pixelated, unless your browser zoom is on, if I set mine to 130% it does look pixelated.
Hope this helps.Best regards,
MikeAugust 20, 2017 at 11:03 pm #841786Hi Mike,
what is the width of the whole container? Regarding to the logo, I have tried to see the website on different computers and browsers. Everything at 100% and pixelated (even in my old macbook pro from 2011 that it’s 1440×900). That’s why I think it’s something wrong going with it. I have done many tries with Photoshop changing resolutions.
Could you provide me some more light on this?Thanks a lot :)
August 23, 2017 at 5:54 am #842865Hi,
Please double the size of the logo to compensate for retina display’s resolution then limit the size using css. Example:
.logo { max-width: 375px; max-height: 78px; }
The actual size of the logo should be twice of the property values.
Best regards,
IsmaelAugust 29, 2017 at 11:11 pm #845497Hi Ismael,
When doubling the size of the logo and adding that css to the quick css general styling box, it shows a really small picture of it, as shown below:
Why is that?- This reply was modified 7 years, 1 month ago by Samuel.
August 30, 2017 at 8:42 am #845687Hi,
Please remove the white spaces around the logo image.
// http://sammarinmusic.com/wp-content/uploads/2017/08/640×436-logo.png
Best regards,
IsmaelAugust 31, 2017 at 12:55 am #846030Hi Ismael,
when taking out all the white spaces the issue is that the logo appears completely on top of the page.
If I apply the css code: .inner-container {padding-top: 50px !important; }, logo goes a little bit down BUT menu items do so. I want them to stay and the logo going down a little more. Is there anyway of doing this?Thank you! :)
September 1, 2017 at 9:59 am #846751Hi,
when taking out all the white spaces the issue is that the logo appears completely on top of the page.
Use css code to adjust its position.
.logo { top: 50px; }
Best regards,
IsmaelSeptember 1, 2017 at 11:03 am #846799Thank you! It is pretty much solved ;)
September 2, 2017 at 6:41 am #847079 -
AuthorPosts
- You must be logged in to reply to this topic.