White space under menu

  • Resolved oildrops365

    (@oildrops365)


    8 years, 1 month ago

    I have the mobile menu activated for tablet and mobile, but there is a white space between the menu bar and the content. It does this on all pages except for the homepage, as on the homepage I was able to manually put the padding at -70 to compensate, though I’d rather not have a negative. I’ve tried the code suggested in other similar topics but am unable to find a solution that works.

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    8 years, 1 month ago

    @oildrops365

    Add the code below to the custom css option.

    .h-cc {
    display: none;
}

    Clear the cache and test again. Let me know if it worked.

    Thread Starter oildrops365

    (@oildrops365)

    8 years, 1 month ago

    @takanakui

    That worked perfectly, thank you so much!

    Edit: Slight hiccup. This code works perfectly on Safari with mobile and tablets, however it completely deletes the main menu bar on desktop. I’ve tried simply changing the padding of this bar to 0 which also hasn’t worked.

    Have deleted the cookies/cache on all browsers and website.

    • This reply was modified 8 years, 1 month ago by oildrops365. Reason: Solution does not work
    • This reply was modified 8 years, 1 month ago by oildrops365.
    Plugin Author Rui Guerreiro

    (@takanakui)

    8 years, 1 month ago

    did you placed the suggested code in the Custom css field inside the General options tab of WP Mobile menu?

    It needs to be in this field so the css is only enable when the WP Mobile Menu is visible.

    Thread Starter oildrops365

    (@oildrops365)

    8 years, 1 month ago

    @takanakui

    I put it in the custom css field inside the mobile menu settings.

    I’ve tried deleting the custom code completely, but the only way I seem to be able to get the menu bar back now is by disabling the plugin completely. Even resetting the plugin to default settings didn’t fix the problem.

    Plugin Author Rui Guerreiro

    (@takanakui)

    8 years, 1 month ago

    Above 1024px I’m seeing fine your desktop menu. The WP Mobile Menu is set to be visible under 1024px by default but you can adjust it to the desired resolution.
    https://www.wpmobilemenu.com/wp-content/uploads/2017/04/resolution_width_trigger.gif.pagespeed.ce.SWkN_SBYM3.gif

    I think you may have a cache issue.Check my screencast.
    https://cl.ly/121x3O0F1x3y

    Thread Starter oildrops365

    (@oildrops365)

    8 years, 1 month ago

    @takanakui

    The desktop menu came back by itself about an hour ago without any action on my end, I’m guessing it was just a temporary glitch as the code looked fine.

    I’ve activated the Mobile Menu again and reinput the code to remove the white space, under the Mobile Menu CSS settings. This doesn’t seem to have done anything.

    Caching is currently set to off, as I’m the only one working with it, but regardless I’ve gone into WP Super Cache and deleted the cache with still no results.

    So back to the original problem, any thoughts on how to remove the white space?

    Thanks for all the help.

    Update: after enabling the mobile menu, the main menu on desktop disappeared again. Based on what happened last time, I’m guessing it will come back but am concerned this keeps happening? Again deleted website cache and cache on all browers.
    https://hottubware.com/wp-content/uploads/2018/05/Region-capture-9.png

    • This reply was modified 8 years, 1 month ago by oildrops365.
    Plugin Author Rui Guerreiro

    (@takanakui)

    8 years, 1 month ago

    Let’s try a different code. Wrapping the css rule in a media query so it will only affects a specific resolution.

    Remove the other code I provided and add this one.

    @media only screen and (max-width: 1024px) {
   .h-cc {
      display: none;
   }
}

    Purge any cache mechanism and try in Chrome Incognito mode.
    Let me know the result

    Thread Starter oildrops365

    (@oildrops365)

    8 years, 1 month ago

    @takanakui

    Sadly did not work, desktop menu is still completely gone and we also still have the white space on mobile/tablet.

    Edit: Desktop menu has just come back, again with no action on my end. Is it possible that CSS changes through the Mobile Menu settings are taking awhile to actually take effect? White space is still there though.

    Plugin Author Rui Guerreiro

    (@takanakui)

    8 years, 1 month ago

    It looks fine to me know, guess you have some cache mechanism that is preventing you to see the changes immediately.

    Check my screencast.
    https://cl.ly/2a1I1g2F1y2z

    Plugin Author Rui Guerreiro

    (@takanakui)

    8 years ago

    Will close the topic for now.
    Let me know if you need further help with this.

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

The topic ‘White space under menu’ is closed to new replies.