Return to previous page

How Add secondary menu in top Header for Mobile

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

  • Avatar: Tecnica PC
    Carmen
    Participant
    April 29, 2020 at 19:37

    Hi

    I create menu with two page for mobile https://prnt.sc/s86jdx, I want add this menu in the Top header, but I don’t see how. like this menu in desktop https://prnt.sc/s86hhj

    I dont see secundary menu in mobile

    #235088 Copied Theme version: 6.3
    13 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 07:22

    Hello,

    Create a static block with Menu element (select the desired menu in settings of the element), add HTML block in Header > select the static block, for example, https://prnt.sc/s8ewsb

    Regards

    #235131 Copied
    Avatar: Tecnica PC
    Carmen
    Participant
    April 30, 2020 at 08:27

    Hello

    I followed your instructions, i create static block with the name mobile menu v2 then i put in html blok 2,. But the same information comes out on the desktop and on the phone, this menu should appear only on the mobile.

    I tray use multiple header, but I don’t think it works

    #235142 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 08:54

    Hello,

    If you want to show content for mobile-only, do not add the same HTML block in desktop header content.

    Regards

    #235149 Copied
    Avatar: Tecnica PC
    Carmen
    Participant
    April 30, 2020 at 09:49

    Ok

    It Work Now

    Thank

    #235163 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 09:55

    You’re welcome!

    Regards

    #235167 Copied
    Avatar: Tecnica PC
    Carmen
    Participant
    April 30, 2020 at 10:23

    Its work in preview https://prnt.sc/s8i54g, but when I go to the website, it remains the same.

    I change the html element but don’t work.

    Something missing?

    #235175 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 10:28

    You do not need to use multiple headers, in case you want to change Mobile header for the entire site, just edit mobile view of your Default header. For example https://prnt.sc/s8icwl http://prntscr.com/s8idcm

    Regards

    #235180 Copied
    Avatar: Tecnica PC
    Carmen
    Participant
    April 30, 2020 at 10:34

    I build header for mobile, chek https://prnt.sc/s8iftq but when i make test it shows another thing https://prnt.sc/s8ihy4

    #235181 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 10:40

    Provide temporary wp-admin access, please.

    Regards

    #235184 Copied
    Avatar: Tecnica PC
    Carmen
    Participant
    April 30, 2020 at 10:59

    Hi

    Check

    Please contact administrator
    for this information.
    #235185 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 11:07

    Hello,

    As I can see, all work according to your settings http://prntscr.com/s8j4gy so go to Theme Options > Header builder > enable mobile header > add to the desired place custom HTML block and select static block > Save changes and clear cache before checking frontend.

    Regards

    #235187 Copied
    Avatar: Tecnica PC
    Carmen
    Participant
    April 30, 2020 at 12:35

    I’ve done this several times check https://prnt.sc/s8kvzz, when o make this in desktop change too https://prnt.sc/s8kxao

    #235200 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 13:12

    Different content can’t be displayed on desktop and mobile using the same element.
    When I suggested using the HTML block, I did not know that all your blocks already have some content, sorry, but in this case, this workaround won’t work.
    Try the next way – go to Appearance > Widgets > create a custom sidebar > add “8theme – Menu” widget, then show it in the header using Widget 2 element.

    Regards

    #235205 Copied
  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘How Add secondary menu in top Header for Mobile’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Animals Store – 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.