Header resizing of columns - by David Henry

This topic has 4 replies, 2 voices, and was last updated 6 years, 7 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.
    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

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

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

    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

  • Viewing 4 results - 1 through 4 (of 4 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.