Mobile logo not showing

  • Resolved burtonlo

    (@burtonlo)


    5 years, 2 months ago

    Logo inserted in Customizer will show on Desktop, but not on Mobile, just a solid field of color with the hamburger menu.

    How can I get a logo to display in mobile?

    Saw another thread that said some CSS was hiding the logo, but I’m not even seeing a reference to the image in Inspector.

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • There is something overwriting the default stylesheet of the site. There is this piece of code

    .nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
		display: none!important;
	}

    Located in https://davidmilleryoga.com/wp-content/uploads/dynamic-mobmenu.css?ver=2.7.4.4-670 on line 327. I’m guessing its some type of plugin set to override the default menu option. If you open up the inspector and click on the <header id="masthead"> HTML tag and look at the CSS applied to it you’ll see it listed there. If you uncheck the display: none!important; part you’ll see the logo of the site show up along with the normal menu.

    You can do some CSS like this

    @media only screen and (max-width:768px) {
	.site-header {
		display: block !important;
	}
}

    To get the logo showing again but that inserted menu at the top is still an issue.

    Thread Starter burtonlo

    (@burtonlo)

    Thank you. Super informative response, you helped me solve the problem, and taught me a thing or two.

    Maybe three.

    With gratitude,

    –Burt

    • This reply was modified 5 years, 2 months ago by burtonlo.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile logo not showing’ is closed to new replies.