This topic contains 1 reply, has 2 voices, and was last updated by  Skandha 2 weeks, 5 days ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #131006

    PeteGWebmaster
    Participant

    For some reason the mobile menu isn’t displaying properly for puppyoga dot com, when i click the menu in the top left corner of the screen from my cell phone, the width for where the primary menu items go isn’t set to be wide enough.

    I have the Catch Web Tools plugin activated.

    Please let me know which CSS codes are going to fix this.

    Thanks

    #131008

    Skandha
    Participant

    @petegwebmaster: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width:991px) {
    	.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home.menu-item-188 {
    		width: 100%;
    	}
    
    	.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-187 {
    		width: 100%;
    	}
    
    	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-191 {
    		width: 100%;
    	}
    
    	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-199 {
    		width: 100%;
    	}
    }

    Let me know if this does the trick!

    Regards,
    Skandha

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

You must be logged in to reply to this topic.