Return to previous page

CHANGE HEADER COLOR ON MOBILE - by Jimbo

This topic has 6 replies, 2 voices, and was last updated 8 years, 3 months ago ago by Robert Hall

  • Avatar: Jimbo
    Jimbo
    Participant
    August 4, 2016 at 18:44

    Hi there,

    What code do I need to add to change the header color when using mobile phone please.

    I’m using header 10 on wide

    Website in private

    Please, contact administrator
    for this information.
    #135690 Copied
    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 5, 2016 at 09:14

    Hello,

    You can use this code in Theme Options->Custom CSS->Custom CSS for mobile.

    .header-wrapper {
    background-color: grey;
}

    Regards,
    Robert Hall

    #135726 Copied
    Avatar: Jimbo
    Jimbo
    Participant
    August 5, 2016 at 10:24

    thanks will try that.

    if I wanted to create more color in the header can I just add padding to top and bottom?

    #135742 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 5, 2016 at 10:28

    Yes, you can play with padding value. For example

    .header-wrapper {
    padding: 30px 0px;
}

    Regards,
    Robert Hall

    #135745 Copied
    Avatar: Jimbo
    Jimbo
    Participant
    August 8, 2016 at 14:27

    Thank you, please mark as resolved.

    #135983 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 8, 2016 at 14:47

    You’re welcome!

    Regards,
    Robert Hall

    #135990 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘CHANGE HEADER COLOR ON MOBILE’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.