Button in Header on mobile

Home Forums Jevelin Theme Button in Header on mobile

Home Forums Jevelin Theme Button in Header on mobile

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • Nathan01
    Participant

    <div class=”comment-content”>

    Hello.

    I want to have a button in the Header section even when the browser window is small or the user visits the site on mobile devices.

     

    I attached an example of the Apple-page. On the top right you can see the buy-button in a fixed header.

     

    Is it possible with Jevelin Theme or can you provide a code, where I can add a simple button or link as a Buy-button/-link?

     

    Thank you. Best regards.

    </div>

    Hi @Nathan01,

     

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

     

    There isn’t any theme option to add button there but you can try achieving this as described in the below pages.

     

    https://support.shufflehound.com/forums/topic/put-a-button-in-the-header/#post-40513

    https://support.shufflehound.com/forums/topic/how-to-put-in-a-main-menu-a-custom-button/

     

    Best regards,
    Shufflehound team

    Nathan01
    Participant

    Thanks,

    How do i hide the header menu for mobile?

    You can hide the header menu on mobile 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 {
        display: none !important;
    }

    Nathan01
    Participant

    Still not working, Here is my website: http://www.cretello.com

    You are using Header builder on your shared site so please use the below CSS code to remove it.

     

    #page-container .sh-header-builder-mobile {
        display: none !important;
    }

    Nathan01
    Participant

    Ok, Thanks

    Nathan01
    Participant

    Hello,

    How can i remove the three line menu that displays on header for mobile?

     

    How can i remove the three line menu that displays on header for mobile?

    You can use below CSS code to remove it.

    .sh-header-builder-mobile .c-hamburger {
        display: none !important;
    }
Viewing 9 posts - 1 through 9 (of 9 total)