Return to previous page

Top Area same width as main menu bar - by indigoross

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

  • Avatar: indigoross
    indigoross
    Participant
    October 23, 2019 at 10:49

    Hi!

    I hope all is well.

    Designing a website using xstore and all is all easy to use as always.

    Just have one problem, am trying to get the top bar to be the same width as the main menu bar below with logo, centered menu and basket.

    How is this possible?

    Many thanks!

    Scott

    #223719 Copied Theme version: 6.1.1 WooCommerce version: 3.7.0
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 23, 2019 at 10:55

    Hello,

    You can add this code in Theme Options > Theme Custom CSS > Custom CSS for desktop:

    .top-bar > .container {
    max-width: 1600px;
}

    I would recommend you to activate Header builder via Theme options and create the desired header for desktop and mobile from scratch (current headers layouts and settings will be deprecated in 3 months). Here you can find video tutorials – https://www.youtube.com/watch?v=RbdKjQrFnO4&list=PLMqMSqDgPNmDu3kYqh-SAsfUqutW3ohlG
    Let us know if you need any further assistance.

    Regards

    #223720 Copied
    Avatar: indigoross
    indigoross
    Participant
    October 23, 2019 at 10:59

    Many thanks Rose very much appreciated!! 🙂 very quick response.

    Thanks for the header notice, i shall do this too.

    Scott

    #223721 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 23, 2019 at 11:02

    You’re welcome! 🙂

    Regards

    #223722 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
WooPress Fullwidth
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Typography – 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.