Return to previous page

Widen Header - by foxnick - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 5 years, 4 months ago ago by Rose Tyler

  • Avatar: foxnick
    foxnick
    Participant
    August 8, 2019 at 20:36

    How do I widen the header container using custom css? right now it’s set to 1170 max, but I’d like it to be wider on desktop view. 1500 or so. whatever is normal wide view.

    Please, contact administrator
    for this information.
    #218743 Copied Theme version: 5.0.1 WooCommerce version: 3.1.1
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 9, 2019 at 07:47

    Hello,

    Add this code in Theme Options > Custom CSS > Custom CSS for desctop:

    .main-header .container, .top-bar .container {
    width: 100%;
}

    Regards

    #218759 Copied
    Avatar: foxnick
    foxnick
    Participant
    August 9, 2019 at 17:21

    What about the sticky header with? I’d like them to match.

    Nick

    #218836 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 10, 2019 at 08:29

    In this case, use the next code:

    .main-header .container, 
.top-bar .container,
.fixed-header .container {
    width: 100%;
}

    Regards

    #218861 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth

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.