[Support request] Tablet View Problem

Home Forums Support [Support request] Tablet View Problem

Home Forums Support Tablet View Problem

  • This topic has 3 replies, 2 voices, and was last updated 1 month ago by Fernando.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2273371
    Sonja

    Hello,

    on this site, the tablett view looks not nice, because the main nav breaks, so that the search icon is on antoher row.
    How can I fix this?

    I had a code from this forum for antoher side, but this does not work here:

    /* Tablet View Menu in mitte */
    @media (min-width: 769px) and (max-width: 1024px) {
            nav.main-navigation .inside-navigation.grid-container {
            justify-content:center;
        }
        
        nav.main-navigation .inside-navigation.grid-container .navigation-branding {
            margin-right:0;
            margin-left:0;
        }
    }
    #2273380
    Fernando
    Customer Support

    Hi Sonja,

    The Search Icon is wrapping because there isn’t enough space.

    One thing you can do is to reduce the size of the site logo on Tablet through this CSS which you may add through Appearance > Customize > Additional CSS:

    @media (min-width: 769px) and (max-width: 1024px) {
        .site-logo img {
            height: 80px;
        }
    }

    Alternatively, in the Typography Manager, you may also try reducing the font size of the Primary Menu Items on Tablet: https://share.getcloudapp.com/p9uO65OK

    Hope this clarifies!

    #2273393
    Sonja

    Hi Fernando,

    okay, thanks, sounds good. I look at the tablet later.

    #2273398
    Fernando
    Customer Support

    You’re welcome Sonja!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.