How can I lower logo position and maintain that position on all devices?

Sparkling
1

Hi! Logo is too high. Found a few different custom CSS tricks on your forum, but each method does not result in proper position on all devices. If lowered in laptop view, it sits far too low in ipad view and smartphone view. I’ve tried your suggestions for adjusting top px, bottom px, and for making header 100% width. Any other possibilities?

One other question. Would you advise having the homepage be the blog, as it seems to be in the demo and all promotional depictions of the the theme? If not, what would the homepage be?

Thank you! And PS - Really like the theme. Glenn.

2

Hi Glenn,

I hope you are well today and thank you for your questions.

Hi! Logo is too high. Found a few different custom CSS tricks on your forum, but each method does not result in proper position on all devices. If lowered in laptop view, it sits far too low in ipad view and smartphone view. I’ve tried your suggestions for adjusting top px, bottom px, and for making header 100% width. Any other possibilities?

Could you please share me the screenshots of the issues and your site URL where it’s displaying so that i can help you to resolve it?

One other question. Would you advise having the homepage be the blog, as it seems to be in the demo and all promotional depictions of the the theme? If not, what would the homepage be?

I advise having the homepage be the blog.

Best Regards,
Movin

3

Thank you, Movin. Btw, this is a site in progress, with some layout tweaks still to come and much more content still to be added from another location. Here’s the site http://climatesane.com/

Rather not send screenshots, but if you still need them, pls let me know. Again, the issue is that the logo is sitting too high on desktop, tablet and smartphone views. When desktop view is adjusted into a proper vertical position using top or bottom px, tablet and smartphone shift way too low.

Thanks again for the trouble.

Glenn

4

You can try resolving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

#logo {
    margin-top: 23px;
}
@media (max-width: 768px){
#logo {
    margin-top: 11px;
}
}
5

Movin – Great – Worked – Thank you!

6

You are most welcome here :slight_smile: