I purchased your Proton theme today and am very excited tu build my new website with it. I’m currently checking out all the features to get a feel for the customization options. It seems to me that logo images I upload are displayed scaled down at a width of approx. 345 px. If possible, I would like the logo to be displayed at a size of 670 x 85 px. How can I achieve that?
Out of the box this didn't work, but after increasing the max-width to a window size larger than what I was using on my Mac, it did. I set max-size to 4000px now. I guess this should cover all current display sizes, right?
I have another logo issue: on mobile devices (my iPhone and iPad, in all browsers), the logo doesn't show at all. Instead, an over-sized empty box is shown (see attachment). Any ideas what's causing this?
Not really at this point - this is all happening in-house for now. But attached a screenshot of what the same site looks like on my Mac. Does that help?
Well, you can increase or decrease the width of the logo, I've provided you only with the CSS to be applied in large screens so starting from 991px and higher.
Hi,
I purchased your Proton theme today and am very excited tu build my new website with it. I’m currently checking out all the features to get a feel for the customization options. It seems to me that logo images I upload are displayed scaled down at a width of approx. 345 px. If possible, I would like the logo to be displayed at a size of 670 x 85 px. How can I achieve that?
Cheers,
Ron
Hi Ron,
You can simply add the following style in Theme Options > General > Custom CSS.
@media (max-width: 991px) { .wrapper header .logo { width: 50% !important; } }Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Hi and many thanks for your reply,
Out of the box this didn't work, but after increasing the max-width to a window size larger than what I was using on my Mac, it did. I set max-size to 4000px now. I guess this should cover all current display sizes, right?
I have another logo issue: on mobile devices (my iPhone and iPad, in all browsers), the logo doesn't show at all. Instead, an over-sized empty box is shown (see attachment). Any ideas what's causing this?
Best,
Ron
Hi Ron,
Can you please provide me with an URL, so I can check what is going on exactly.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Not really at this point - this is all happening in-house for now. But attached a screenshot of what the same site looks like on my Mac. Does that help?
Hi Ronald,
Well, you can increase or decrease the width of the logo, I've provided you only with the CSS to be applied in large screens so starting from 991px and higher.
You can manipulate with any screen that you like.
This will take place only from 991px and higher
@media (max-width: 991px) { .wrapper header .logo { width: 70% !important; } }This will take place only from 991px and smaller
@media (min-width: 991px) { .wrapper header .logo { width: 50% !important; } }Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.