Mobile responsive logo

Support Area Forums Finesse Mobile responsive logo

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: https://pucknutnation.com
  • Author
    Posts
  • #36672
    David Savage
    Participant

    Hi Bill,

    Is there a custom styling code to not have the logo appear on the homepage when viewing on a small screen mobile device (ex: iPhone in portrait or landscape mode)? When viewed on such a device, the logo is conflicting with the page design.

    Thanks a lot for your help.
    David

    #36675
    Bill Robbins
    Moderator

    Hi David,

    The logo covering up your model’s face probably isn’t what we want there. You can hide the logo on smaller screens, only on the home page. Go to the Customizer and click on the Advanced tab. In the spot for Custom CSS, add this:

    
    @media screen and (max-width: 767px) {
    
    	.home #logo {
    		display: none;
    	}
    
    }
    

    and save your changes. That should hide the logo on the home page on smaller screens. If you run into trouble, let me know.

    Bill

    #36677
    David Savage
    Participant

    Hi Bill,

    Thanks so much for your reply. That worked great! Have a good day.

    David

    #36678
    Bill Robbins
    Moderator

    Hey David,

    Glad to hear that did the trick for you! Thanks and have a great day too 🙂

    Bill

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile responsive logo’ is closed to new replies.