Hi there,

Thank you for your message.

1. The only solution I can provide here is to reduce the font size for mobile screens. You can add the following CSS code to Appearance -> Customize -> Additional CSS:

/* Change page title font size on mobile */
@media (max-width: 992px) {
    .page-header--title {
        font-size: 32px;
    }
}

2. I'm sorry but I don't fully understand which elements you would like to hide exactly for mobile screens. If you mean to hide all the 4 contact details in the header on mobile screens you can do this under Appearance -> Customize -> Theme Options -> Header by setting the "Bottom Header" setting to "Hide mobile only"

Also to disable the "header menu" on mobile do you mean to disable the menu from the main navigation (by using the mobile toggle) or the menu in the header topbar? Here are the answers to both options:

- Hide main menu (with toggle)

You can use the following CSS:

/* Remove mobile menu */
@media (max-width: 992px) {
    .header-navigation {
        display: none;
    }
}

- Hide header topbar

You can do this under Appearance -> Customize -> Theme Options -> Topbar by setting the "Topbar" option to "Hide mobile only"

If you mean something else please explain further in detail.

Great, that's good to hear

Ticket is closed on your request, feel free to open a new ticket if you have any other questions.