Increase the logo size on Superfly

NiallD1991 · February 23, 2020, 4:12pm

I can’t seem to make the logo size bigger on the Superfly Menu.
Is there some CSS that can be used to increase the size or decrease the margin/padding?

Thanks in advance!

nabeel · February 23, 2020, 8:09pm

Hi Niall,

Thank you for reaching out to us. You can try adding the following code in the Theme Options > CSS to increase the size of the logo on the superfly menu:

.sfm-logo {
    padding: 0;
}
.sfm-logo img {
    width: 100%;
}

You can also checkout the official documentation here http://superfly.looks-awesome.com/docs/Customize/Customize_Appereance_on_Mobiles. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

NiallD1991 · February 28, 2020, 1:44pm

Hi Nabeel,

Unfortunately this didn’t work… any other ideas?

nabeel · February 28, 2020, 9:06pm

Hey Niall,

Can you please provide the URL of the page in question so we can take a closer look? In the mean time you can follow the following threads:

Hope this helps!

system · March 9, 2020, 9:06pm

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.