Archived topic

mobile view

1 reply · Started by Marko on October 28, 2015

Viewing posts 1–2 of 2

October 28, 2015 at 11:46 pm #148437

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

October 29, 2015 at 12:24 am #148439

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 :)

This archived topic is closed to new replies.

Start building better websites today.