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, 3 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – 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.