WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. jewlzmcq
    Member
    Posted 1 year ago #

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

    http://wordpress.org/extend/plugins/mobile-css/

  2. Maxaud
    Member
    Plugin Author

    Posted 1 year 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
    Member
    Posted 7 months 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
    Member
    Plugin Author

    Posted 7 months 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

About this Topic

Tags