Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] mobile view

Home Forums Support mobile view

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #148437
    Marko

    Hi Tom. Could you please tell me how I can optimize the mobile view of this Url?
    http://www.reiterhof-siemes.de/

    I would like to reduce the header (font-size) and reduce the height of the header for mobile devices.
    Is it also be possible to change the font-size of h1 only at the mobile view?
    How could i optimize the menu for the mobile view? If i open currently the menu on a mobile phone and scroll a little bit, the menu close directly.

    thanks a lot for your support.

    best regards
    Marko

    #148439
    Tom
    Lead Developer
    Lead Developer

    Hi Marko,

    1. To reduce the size of your title and tagline on mobile:

    @media (max-width: 768px) {
        .main-title {
            font-size: 30px;
        }
        .site-description {
            font-size: 20px;
        }
    }

    2. To change the font size of the H1 tags:

    @media (max-width: 768px) {
        h1 {
            font-size: 30px;
        }
    }

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/

    3. What plugin are you using for the sticky menu? I suggest using our Menu Plus add-on as it’s optimized for GP and does the same thing 🙂

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