Return to previous page

Header Bigger - by movedesignstudio - on WordPress WooCommerce support

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

  • Avatar: movedesignstudio
    movedesignstudio
    Participant
    September 4, 2018 at 16:16

    Hello,
    Can ou help me fixing the header on mobile please. Also wanna change the color of the separator (which is blue to brown). Please see attached

    https://prntscr.com/kqiziq

    https://prntscr.com/kqizih

    https://prntscr.com/kqizi9

    thank you…looking forward to your answer.

    #198938 Copied Theme version: Xstore
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 5, 2018 at 07:21

    Hello,

    Thanks for the topic.
    1. Please find this code in Theme Options > Styling > Custom css:

    .header-color-dark .menu-wrapper .menu>li.current-menu-item>a:after,.header-color-dark .menu-wrapper .menu>li>a:hover:after,.header-color-dark .menu-wrapper .menu>li>a:after {
    background-color: #651fff;
    margin-top: 8px
}

    and change the color value.
    2. Please add this code in Theme Options > Styling > Custom css > Global custom css:

    @media only screen and (max-width: 992px){
    .et-header-full-width .header-wrapper .navbar-toggle {
        right: 3px;
    }
}

    3. You may add this code in Theme Options > Styling > Custom css > Custom css for mobile:

    .fixed-header .container {
    padding-top: .6em;
    padding-bottom: .6em;
}
.fixed-header .header-logo img {
    max-width: 70px !important;
}
.fixed-header .navbar-toggle {
    right: 5px;
}

    or disable Fixed header in Theme Options > General > Header Settings > Fixed header type.

    Regards

    #198956 Copied
  • Viewing 2 results - 1 through 2 (of 2 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
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Gym 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.