Hi to all.
Need some help as I am a noob using NING. I am trying to rebuild my website currently on Squarespace (kpopway.com), and I just can't figure out how to make my LOGO (banner) to be of a bigger size in mobile devices. It looks very small (kpopway.ning.com)
Please help! Thank you!
Replies
Hi there!
By the default the size of the logo on mobile version is small, however, if you wish to make it bigger you can always use a bit of CSS code.
@media screen and (max-width: 769px) {
.header-logoImage img {
max-height: 250px;
}}
Just copy and paste this into teh custom CSS section in your design studio. If it's necessary to change the size fo logo, just replace 250 with the other value.
Hope this helps.
Best regards,
Ning Team.
Hi Kyryl. Thank you for your help. I tried to use that CSS and a message appears in the screen: "Publishing failed because of Could not save appearance".
It doesn't let me save the changes. Please advise. Thanks!
Hi Fabrizio,
In such case, you can do next. Just copy the following code, which is pretty much the same:
<style>
@media screen and (max-width: 769px) {
.header-logoImage img {
max-height: 250px;
}}
</style>
Then do to the site builder (the first button on your green admin panel), and open the custom code section. Then just paste the code in the <head> field, and save the changes.
And don't forget that you can change 250 on something else in order to obtain the necessary result.
Hope this helps.
Best regards,
Ning Team
It worked perfectly! Awesome, thanks!