Home Forums WoodMart support forum how to set different color of header background for web and mobile view and

how to set different color of header background for web and mobile view and

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #289279

    shadestech
    Participant

    (1)i want to set grey color for background for webview in third row of header
    and blue color for 3rd row of header of mobile view

    in header builder seting if i am changing web view color it is also changing mobile view color of header how to set difrrenet header background color for web and mobile view

    (2) how to make 3 rd row of header sticky in mobile view and non sticky in desktop view please help

    #289366

    Hello,

    1) I have set the header bottom color grey for Desktop. Now please add the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS to change the color in mobile.

    .whb-header-bottom {
    background-color: #092143;
    }

    2) Sorry but the sticky header settings work the same for mobile and desktop you cannot set them separately for desktop and mobile.

    Regards.
    Xtemos Studios

    #289369

    shadestech
    Participant

    Please provide any custom css
    To stop view of 3rd row header as sticky in desktop view

    If possible Please help

    #289383

    Hello,

    Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS. And see if this works for you otherwise it requires Customizations.

    .whb-sticky-shadow.whb-sticked .whb-row:last-child {
        display: none;
    }

    Best Regards

    #289385

    shadestech
    Participant

    Aslso please check custom css for for header bottom is note workong i pasted custom css in mobile view please check

    #289394

    shadestech
    Participant

    Thanks a lot this css works
    .whb-sticky-shadow.whb-sticked .whb-row:last-child {
    display: none;
    }

    But for color change css

    .whb-header-bottom {
    background-color: #092143;
    }

    Is not working bottom header color in mobile view is not changing

    #289399

    shadestech
    Participant

    Sorry both css working thanks my problem is solved

    #289402

    Most Welcome!!!.

    I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘how to set different color of header background for web and mobile view and’ is closed to new replies.