Mobile Menu Automatically Desktop site

  • Resolved thefuzzypineapple

    (@thefuzzypineapple)


    8 years, 1 month ago

    Hi. My website works great but there is a small issue when viewing it on mobile. It initially shows up as the blue theme and in order to see the mobile site you have to scroll to the bottom and click “view desktp site.” how do i remedy this?

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 15 total)
  • Theme Author oceanwp

    (@oceanwp)

    8 years, 1 month ago

    Hello, have you tried to disable all your plugins?

    stonez

    (@stonez)

    8 years, 1 month ago

    Hi,
    I am also facing the same issue. Desktop version works perfectly, not the mobile.
    The mobile menu is the default blue header without logo image.

    How to enable the mobile menu? or disable mobile menu?
    I try to set the breakpoint and logo image from below, but nothing worked.
    Customize->Header->Mobile Menu…

    In my library, I have created a header in the library to replace every pager’s default header.
    Could this be the problem?

    Wordpress: v4.95
    Woocommerce: 3.3.4
    Elementor: 2.0.5
    OceanWP: v1.5.10
    PHP 7.01

    • This reply was modified 8 years, 1 month ago by stonez.
    • This reply was modified 8 years, 1 month ago by stonez.
    Theme Author oceanwp

    (@oceanwp)

    8 years, 1 month ago

    Hello @stonez, can you show me the issue?

    stonez

    (@stonez)

    8 years, 1 month ago

    Sure, http://www.kidsgo.net/web
    Thanks for checking out this for me.

    This is a testing site in traditional Chinese.

    Regards,
    Stonez

    • This reply was modified 8 years, 1 month ago by stonez.
    Theme Author oceanwp

    (@oceanwp)

    8 years, 1 month ago

    Hello, you have this problem because you are using the Custom Menu widget, you need to use the Custom Header Nav widget.

    stonez

    (@stonez)

    8 years ago

    Thanks for the quick response!
    There is no Customer Header Nav Widget in my Elementor menu.

    I watched the video tutorial “How to Create a Custom Header” again on OceanWP website and found out that My installation does not have “OceanWP Element” in Elementor editing menu.

    * Ocean Extra is already installed and activated.
    * Header was created from “My Library” and template selected “Elementor canvas”. (I also tried the Default option, but it also didn’t work.

    Please let me know How to activate that menu?

    Thank you!

    • This reply was modified 8 years ago by stonez.
    • This reply was modified 8 years ago by stonez.
    Theme Author oceanwp

    (@oceanwp)

    8 years ago

    Hi, in the video, I use OCean Elementor Widgets which is a premium extension, but you can do it with the free Custom Header Nav widget, do a search in your Elementor panel, you will find it.

    stonez

    (@stonez)

    8 years ago

    Hi,
    I re-created a theme library “header-2” and used Custom Header Nav widget you mentioned above. However, the issue still exist; mobile version showed the default blue color theme.

    And interestingly, if I visit https://www.kidsgo.net/web/shop/ using my smartphone, the website responded that no product can be found. But the same URL showed up the product archive page correctly when I use a Mac. What could be wrong?

    Thank you.
    Stonez

    • This reply was modified 8 years ago by stonez.
    Theme Author oceanwp

    (@oceanwp)

    8 years ago

    Hi, can you send me a screenshot of the mobile menu issue? With the Custom Header Nav widget used on the custom header.

    For the shop page, if you switch to Storefront theme, do you have the same issue?

    stonez

    (@stonez)

    8 years ago

    Hi,
    Here is the screenshot of the mobile meun.
    screenshot of mobile menu

    I have used the pre-view feature to checkout Storefront theme mobile version and the menu showed the correct color theme I created(red) with hamburger menu.
    mobile menu with Storefront theme

    Thanks for checking out this for me.

    Best regards,
    Stonez

    • This reply was modified 8 years ago by stonez.
    Theme Author oceanwp

    (@oceanwp)

    8 years ago

    Hi, do you use any AMP plugins? If yes, disable it, this is why you have this problem.

    stonez

    (@stonez)

    8 years ago

    Hi,
    Not sure what is AMP plugins.
    Here are all plugins I’ve installed and activated:

    • Contact Form 7
    • Duplicator
    • Elementor
    • Jetpack by WordPress.com
    • Ocean Extra
    • WooCommerce
    • Wordfence Security

    Here are the plugins installed, but not activated.

    • WP Fastest Cache
    • Child Theme Configurator
    • Akismet Anti-Span

    Which one is that causing the problems?

    Regards,

    Stonez

    Theme Author oceanwp

    (@oceanwp)

    8 years ago

    I think it is Jetpack.

    stonez

    (@stonez)

    8 years ago

    Great news! It was Jetpack caused this issue!
    After I disabled Jetpack, the mobile menu shows up correctly.

    Thank you so much for helping out! 🙂

    Best regards,
    Stonez

    Theme Author oceanwp

    (@oceanwp)

    8 years ago

    You’re welcome 🙂

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Mobile Menu Automatically Desktop site’ is closed to new replies.

  • 15 replies
  • 3 participants
  • Last reply from: oceanwp
  • Last activity: 8 years ago
  • Status: resolved