This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Vantage Premium with a Child Theme logo in menu change responsive to msx-width: 768

Resolved 3 replies premiumthemetheme-vantage
[email protected]
10 years ago · Last reply by Andrew Misplon 10 years ago

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?

URL: http://bomanite.azurewebsites.net

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 5 months ago

    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.

  2. [email protected] 10 years, 5 months ago

    Hi Andrew,

    Thank you so much for the quick response and the code. It works like a charm.

    Thank you,
    Ramona Eid

  3. Andrew Misplon Staff 10 years, 5 months ago

    Super :) Glad to hear that helped.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread