Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello
I am using Vantage Premium and have a Child Theme implemented with some custom CSS and a custom JavaScript file I a enqueue in functions.php. I am injecting some text below the logo-in-menu from my custom JavaScript file, and then using style.css and “@media screen and (max-width: 768px)” to set the style of the text to display: none.
My problem is that I have a Windows Phone Nokia Lumia 920 with a pixel width of 768. The logo in menu does not resize. What can I do using my style.css in my Child Theme?
Hi Eid
Thanks for reaching out.
I’m not sure it’s a problem in your child theme. I don’t think the logo would re-size with the parent theme activated. You can introduce this yourself though. Add the following to your child style.css file or Custom CSS;
@media (max-width: 768px) { #masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain { max-width: 95%; } }Adjust as required.
Hope that helps.
Hi Andrew,
Thank you so much for the quick response and the code. It works like a charm.
Thank you,
Ramona Eid
Super :) Glad to hear that helped.
All the best.