the header border and hamburger button on mobile

Home › Forums › Jevelin Theme › the header border and hamburger button on mobile

Home › Forums › Jevelin Theme › the header border and hamburger button on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • DirkahDirkah
    Participant

    Hi,

    How do I get rid of the header border on mobile?  I turned it off for desktop… I thought that it would carry over to mobile… it did not.  How do I get rid of the header border on mobile?

     

    Also, the burger button changes from white to gray when scrolling on mobile.  Why doesn’t the burger button stay white?

    thanks

    Shufflehound Support
    Moderator

    Hi @DirkahDirkah,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me your site URL where it’s happening so that i can troubleshoot it?

     

    Best regards,
    Shufflehound team

    DirkahDirkah
    Participant

    http://376.dfd.myftpupload.com

    Shufflehound Support
    Moderator

    Solution for this topic

    You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container header.primary-mobile-light .sh-header-mobile.sh-sticky-mobile-header-active {
    border-bottom: 0 !important;
}

.sh-header .c-hamburger span, .sh-header .c-hamburger span:before,
.sh-header .c-hamburger span:after,
.sh-header-mobile-navigation .c-hamburger span,
.sh-header-mobile-navigation .c-hamburger span:before,
.sh-header-mobile-navigation .c-hamburger span:after {
    background-color: #FFF !important;
}

    DirkahDirkah
    Participant

    Awesome, thanks

    Shufflehound Support
    Moderator

    You are always welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)