Different Header for Mobile and Desktop - by pbyaar

3 replies2 participantsUpdated by Robert Hall

  • Avatar: pbyaar
    pbyaar
    Participant

    Hi
    Is this possible to have different Headers for Mobile and Desktop interface.

    I want to remove certain things in header for Mobile due to space constraint. e.g Search Bar

    #273969 Copied Theme version: 7.2.4.1 WooCommerce version: 5.0.0

    3 Answers

    Avatar: Robert Hall
    Robert Hall
    Participant

    Hi

    You can change the header layout for mobile and desktop by going to Dashboard > Theme Options and set your header layout of both screens https://prnt.sc/zbqtug
    | https://prnt.sc/zbqtug

    Also see the video tutorial for setting up different headers.
    https://www.youtube.com/watch?v=BpeXfzNwkOc&feature=youtu.be

    #274000 Copied
    Avatar: pbyaar
    pbyaar
    Participant

    thanks it worked.

    One more question, can we have different Single Product template for Mobile and Desktop. or if we can selective hide some elements from Mobile page.

    #274070 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hi

    You welcome!

    Yes you can hide selective section on mobile view in this theme package by enabling mobile view https://prnt.sc/zgg0e8

    #274101 Copied

Want to reply? Log in to reply to this topic. No account yet? Create one first.

Log inCreate account