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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Agricultural 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.