How to change the background color of the mobile version?

  1. Home
  2. Docs
  3. Tyler
  4. Frequently Asked Question...
  5. How to change the background color of the mobile version?

How to change the background color of the mobile version?

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.

Was this article helpful to you? Yes 20 No 20