Okay
  Public Ticket #3333353
optimize for mobile
Open

Comments

  • selam started the conversation

    I want to optimize for a mobile phone, my question is
    1- how I change the H1 font size for mobile,
    2-how can I move a caption on home page front page (home)
    3- how to make a button smaller on front page (home).

  •  1,624
    Barry replied

    Hi there,

    Thank you for your message.

    1. You can change the heading sizes with the mobile font size control for the heading element (please see attached screenshot).

    2. I assume you mean the caption from the hero/slider area at the top of the homepage? The best method is to copy/paste the following to Appearance -> Customize -> Additional CSS:

    /* Change slide caption position */
    @media (max-width: 580px) {
        .theme__swiper.fullwidth__slider .caption__position {
            top: 50%;
            left: 0px
        }
    }
    

    The top and left values can be changed to your own needs.

    3. The easiest method to do this is by copy/pasting the following to Appearance -> Customize -> Additional CSS:

    /* Change mobile button size */
    @media (max-width: 580px) {
        .btn {
            padding: 14px 38px;
        }
    }
    

    The 14px and 38px values can be decreased to your own needs.

    Or you can change the button size individually per button (see attached screenshot).

    Hope this helps, let me know if you have any questions.

    Attached files:  1. Change mobile heading size.png
      3. Change button size mobile.png

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes