Mobile CSS
[resolved] Change header logo for phones (4 posts)

  1. jewlzmcq
    Posted 2 years ago #

    How do I get a different header logo to show for mobile phones when creating a new CSS Rule with your plugin?


  2. Maxaud
    Plugin Author

    Posted 2 years ago #

    Hey jewlzmcq,

    Depends on how your logo is added in the first place.

    If the logo is added though a CSS background-image on an element then you can create a new rule that targets phones and sets a new background-image.

    If you're adding the logo through an img element on the page you can hide the main logo for phones by creating a new rule that targets phoneos and sets the logo to display:none; and then have another img element on the page that was previously hidden that you can then set to display:block; so that logo shows instead.

  3. gatis88
    Posted 1 year ago #

    Hi Maxaud,

    I have set a .home-logo in the theme-options. I would like to change it on mobile. Is there a possibilty to change the .home-logo src???? Or how can I do that? I can not previously hide another home-logo!

    Thank You! :)

  4. Maxaud
    Plugin Author

    Posted 1 year ago #

    Modifying the src of the image isn't possible with using this plugin. I plan on adding a javascript version of this plugin in the future that will allow for this.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Mobile CSS
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic