Please follow the instruction below to do the changes on the mobile view:
1) Please don’t forget to take a backup of the file prior to any change.
2) Open layout-mobile.css ( wp-content -> themes ->Tyler ->css ->layout-mobile.css) via the FTP or Cpanel
3) With in the @media (max-width: 767px) you can see a style like see below:
.landing h1 {
display: block;
font-size: 40px; font-weight: normal;
margin:0 0 15px; padding: 35px 0 0;
height: 190px;
}
4) Please replace the above with then following:
.landing h1 {
display: block;
font-size: 24px; font-weight: normal;
margin:0 0 15px; padding: 35px 0 0;
height: 190px;
}
This will solve the problem with the heading.
5) To change the background colour, please search for the following:
@media only screen and (max-width: 500px) {
You can see a style like see below:
.landing .bg {
background: #5e5e5e !important;
}
6) Replace #5e5e5e to your colour with in the above line
7) Update the file.