Header is not mobile optimized

ronnie1411
(@ronnie1411)

5 years, 11 months ago
Hi the theme is okay on desktop but it’s not mobile optimized. I want the cart tray to be besides the logo and remove the breadcrumbs and h1 on mobile.

More than 80% of the page is the header logo and cart. The user has to scroll to view content resulting in high bounce rate especially on product pages.
- This topic was modified 5 years, 11 months ago by ronnie1411.
The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

(@rubick322)

Please add the following CSS:

@media (max-width: 414px) {
    .logo-wrapper {
        display: inline-block;
    }
    
    .wishlist-cart-wrapper {
        float: right;
        display: inline-block;
        margin: 26px 0;
        
    }
    
    .tg-container .entry-title,
    .tg-container .entry-sub-title {
        display:none;
    }
    
    .page-header {
        padding: 0;
    }
}

Help link https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

Thanks and Regards,
Milan

Viewing 1 replies (of 1 total)

The topic ‘Header is not mobile optimized’ is closed to new replies.