Remove welcome logo on small screens

  • Resolved amnesia-HOS

    (@amnesia-hos)


    10 years ago

    Hi @ all,

    I have a question concerning the welcome logo of the Moesia Theme.
    On mobile screens the logo is in front of the navigation and you can’t see some navigation poits.

    Thats why I want to remove the logo on small screens.
    I already tried this:

    @media screen and (min-width: 992px) {
 img.welcome-logo {
	visibility:hidden
	}
and
	.welcome-logo{
	visibility: hidden
	}

    display:none won’t work, too.

    Hopefully someone can help me.

    Regards amnesia

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ciprian Ionita

    (@ciprian-ionita)

    you have to change min-width to max-width

    Uwhoosh

    (@uwhoosh)

    Share a link to ypur site.
    The container for the logo is pretty small, so this shouldn’t be an issue. You probably just need to install the latest version of the theme.

    Having said that, this should work on the latest version of the theme (1.24). 

    @media (max-width: 767px) {
.site-logo{
	display: none;
	}
}

    And you can change the max-width to the highest px value that you start to have the issue.

    Hope that helps…

    Thread Starter amnesia-HOS

    (@amnesia-hos)

    Thank you very much. It worked! ??

    I just had to change .site-logo into .welcome-logo from your suggestion.

    Great theme, great suppport!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove welcome logo on small screens’ is closed to new replies.