Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 2, 2018 at 10:29 pm #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

    February 3, 2018 at 2:44 am #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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Mobile menu error’ is closed to new replies.