Return to previous page

Header resizing of columns - by David Henry

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

  • Avatar: David Henry
    David Henry
    Participant
    May 21, 2018 at 10:53

    Hi Guys, the default column sizes of the header don’t make sense to me, I need to change them but is the best place in custom css?

    This is what’s there:

    .header-xstore .header-logo {width: 25%;}
.header-xstore .menu-wrapper {width: 66%;}
.header-xstore .navbar-header {width: 25% !important;}

    But what I need is closer to:

    .header-xstore .header-logo {width: 15%;}
.header-xstore .menu-wrapper {width: 75%;}
.header-xstore .navbar-header {width: 10% !important;}

    Will doing this cause problems?

    Please, contact administrator
    for this information.
    #193317 Copied
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 21, 2018 at 12:07

    Hello,

    You can add the code in Theme Options > Styling > Custom css or in style.css file of your child theme.
    Also, check Smart menu option in Theme Options > General > Header Settings.

    Regards

    #193321 Copied
    Avatar: David Henry
    David Henry
    Participant
    May 23, 2018 at 11:41

    So it’s ok to make structural changes like this, thanks!.
    d

    #193463 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 23, 2018 at 12:19

    You’re welcome!
    Feel free to ask if you have any other questions.

    Regards

    #193467 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
Designers – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – 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.