Mobile Device Menu Not Changing

Support Area Forums Kerygma Mobile Device Menu Not Changing

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question: fbcbells.com
  • Author
    Posts
  • #29243
    Tonya Kirkland
    Participant

    Hi there,

    I’ve been testing our website on mobile devices & the normal text menu suddenly is not being replaced by the mobile, drop down menu.

    Could you help me figure out why this is happening? It worked in the past.

    #29245
    Bill Robbins
    Moderator

    Good Morning Tonya,

    I believe I may have spotted the trouble. If you’ll edit your style.css file and scroll down near the bottom until you see this:

    
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
    
    	#hero-section.normal-height,
    	#hero-section.small-height,
    	 {
    		display: none;
    	}
    
    	}
    	#wrap, #header-content
    	#footer-content,
    	#home-widgets .widget,
    	.home-widgets .widget  {
    		width: 1050px;
    	}
    

    It looks like there is an extra } before that last style there. What that’s doing is closing off the media query a bit too early keeping the styles below that from loading like they should. Try taking that out. You also will probably want to change the last style there:

    
    #wrap, #header-content
    #footer-content,
    #home-widgets .widget,
    .home-widgets .widget  {
    	width: 1050px;
    }
    

    so the width is less than 768px (750px is the default). Since that media query is for browsers sized 768 to 1023 that will keep everything visible.

    Let me know how that goes,
    Bill

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Mobile Device Menu Not Changing’ is closed to new replies.