In case you can't login to submit a ticket, please hard refresh the browser and try to login again.
If the problem persists, please send us a message to email [email protected] so we can help you out.
To update the theme or plugins, please have a look on the article here: Theme & Plugin Updates. Also, if you can't import the demo content or the site is blank, please see our FAQs page for the solutions. Thank you :)

Tickets Tickets Wanium Responsive menu issue on a tablet

This topic contains 5 replies, has 2 voices, and was last updated by  Danny 2 days, 8 hours ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #7569

    Can someone please assist with an issue we have with how the top menu displays on a tablet device? The 2nd line of the menu isn’t visible. The website is http://www.skillsarena.com. Thank you.

    #7577

    Danny
    Supporter

    Hi there,

    Thanks for writing in!

    Could you please share us some screenshots about the issue ? And what menu name is missing here ? You can upload your images into https://imgbb.com and send back the URL here.

    Best regards,
    Danny

    #7581
    This reply has been marked as private.
    #7593

    Danny
    Supporter

    Hi there,

    Thanks for your info!

    1. Actually, the menu is too long for the tablet screen size, if you could reduce the number of menu items, it would be great.

    In case you don’t want it, you can try to add the code below to your Dashboard > Appearances > Customize > Addition CSS (to reduce the spacing between menu items) :

    @media (max-width: 1280px) {
    	.logo {max-height: 30px !important;}
    	.nav-bar .module {padding: 0 4px;}
    	.module-group.right .module.left:first-child {padding-right: 2px;}
    	nav.line-menu .menu>li {padding-right: 2px !important;margin-right: 2px !important;}
    }

    2. About the top gap issue, I can’t see this isue as in the screenshot here:

    If the problem persists, please share us the admin account of your site via private reply so we can investigate your case and help you out. Also, please point to specific page where we can see the problem.

    3. To enable the arrow on mobile/tablet, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:

    @media (max-width: 1024px) {
    	.blog-carousel .owl-nav {display: block!important;}
    	.blog-carousel-detail.owl-carousel .owl-controls .owl-nav .owl-prev, .shop-carousel-detail.owl-carousel .owl-controls .owl-nav .owl-prev, .blog-carousel-detail.owl-carousel .owl-controls .owl-nav .owl-next, .shop-carousel-detail.owl-carousel .owl-controls .owl-nav .owl-next {display: block!important;}
    	.blog-carousel-detail.owl-carousel .owl-controls .owl-nav .owl-prev, .shop-carousel-detail.owl-carousel .owl-controls .owl-nav .owl-prev, .blog-carousel-detail.owl-carousel .owl-controls .owl-nav .owl-next, .shop-carousel-detail.owl-carousel .owl-controls .owl-nav .owl-next {top: -250px;}
    }

    Hope this helps,
    Danny

    #7605

    Thanks Danny.

    I’ve tried inserting the code but the arrows still aren’t appearing on a mobile view (issue 3) – https://ibb.co/G3Fx9tW

    The issue with the gap appearing above the main menu (issue 1) can be viewed here – https://ibb.co/nQrk9W9

    #7615

    Danny
    Supporter

    Hi there,

    Thanks for your info!

    About this issue, please share us the admin account of your site via private reply so we can investigate your case and help you out.

    Best regards,
    Danny

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

You must be logged in to reply to this topic.