Topbar issues

  • I’ve just added the topbar. I have the icon menu on but I get the following in the Google Page Speed ‘The following tap targets are close to other nearby tap targets and may need additional spacing around them.’ – that’s for all 3 social media buttons I use.

    Truth is, the text menu could use a couple more spaces in between the items too.

    Additionally, and this is a strange thing, the topbar shows just fine on mobile devices, but when I try to tap the 3 lines icon on the first page or the search icon, nothing happens. Then I go to a blog post, everything is fine. I return to homepage, it works! I’ve tested this repeatedly on a couple of tablets and phone (Apple and Samsung) and I get the same error. Plus, the 3 lines icon does not disappear when the tablet is in landscape more, so the user can see both the 3 lines and the text menu.

    I would appreciate some solutions. Many thanks and have a great day!

Viewing 11 replies - 1 through 11 (of 11 total)
  • hannah

    (@hannahritner)

    Please post a link.

    Hannah

    Thread Starter lauratraveler

    (@lauratraveler)

    Here’s my link, Hannah – travelersuniverse.com
    Wordpress ate the message I wrote you yesterday ??

    Thanks!

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks for getting back to me, Hannah. My replies don’t seem to get published. My website is travelersuniverse dot com.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry Laura.

    Hey,
    1. Try to add this:

    @media (max-width: 767px){
   .kad-topbar-left {width: 60%}
   .kad-topbar-right {width: 40%}
#topbar ul li {
    margin-left: 5px;
}
}

    2. Add this:

    @media only screen and (device-width: 768px) {
	#topbar ul.topbmenu {
		display: none;
	}
}

    Kadence Themes

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks! The Google Page Speed issue is gone and the mobile version doesn’t display both the lines and the menu anymore.

    BUT, the search and the menu don’t work on homepage. They expand correctly on posts, but not on homepage, no matter how much I tap them.

    Also, it would be nice for the menu or search box to disappear when the reader taps anywhere on the screen (anywhere but the links in the menu), and not have to figure out that in order to close the menu you have to tap again the 3 lines.

    However, the homepage issue is the one that bothers me most. Any idea what might be the problem?

    Many thanks!

    What plugins do you have installed? Have you cleared the minify cache?

    Kadence Themes

    Thread Starter lauratraveler

    (@lauratraveler)

    Yes, I have cleared the minify cache, emptied all caches and purged the cache.

    Here’s a list of plugins I have active:

    Adaptive Images for WordPress
    Anti-spam
    Black Studio TinyMCE Widget
    BulletProof Security
    Contact Form 7
    Cresta Social Share Counter
    Disable Emojis
    Google Analytics Dashboard for WP
    Newsletter
    Newsletter Sign-Up
    Page Builder by SiteOrigin
    Q2W3 Fixed Widget
    Recent Posts Widget Extended
    W3 Total Cache
    Yoast SEO

    The only thing I can guess is I keep seeing this error:

    Uncaught TypeError: $(…).tooltip is not a function

    not every time but about every first load. Makes me think it’s the issue. Are you loading jquery after the body tag? if so make sure jquery is loading before the body tag.

    Kadence Themes

    Thread Starter lauratraveler

    (@lauratraveler)

    No, jquery is placed before the body, in the head.

    ok, as far as I can tell from only seeing the font end it’s a js error. One that I can’t repeat on any demo or server. So I have to assume it’s with your sites minify and js settings. Have you tested turning those off. Changing settings?

    Kadence Themes

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Topbar issues’ is closed to new replies.