Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #346030

    We are using Enfold’s boxed theme option.

    Issue: As the window decreases in width and the menu disappears it leaves behind some border styling and padding(menu container height) that should go away.

    Basically, when displaying on a tablet in the landscape view about at 940px width, the top border of the menu (or bottom border of the header container?) remains in view even after the actual menu item text is no longer displaying. See attached. The desired view is to remove the entire menu container and border like the portrait tablet size view. How might we accomplish this?

    • This topic was modified 10 years, 1 month ago by welswebmaster.
    #346170

    Hi Julie!

    Please forward us a link to your page you need to customise for us to have a closer look and a better understanding of the mechanism that will allow us to devise a solution.

    Cheers!
    Arvish

    #346212
    This reply has been marked as private.
    #347177

    We are not experiencing an issue with the plugins. It is the Enfold responsive layout width in question for which we’d like help hiding the border when the width for tablet (landscape) comes into effect. The plugins were mentioned just so you were made aware that are active.

    #347441

    Hi Ismael and Arvish,
    I want to clarify that the plugins have nothing to do with the top border appearing above the menu when in tablet (landscape) mode, while yet none of the menu is visable…
    A perfect example of that behavior where NO ShiftNav nor Ubermenu is installed can be found here:
    http://ficblog.wpengine.com/ (hosted on WPengine)
    Please help me remove that border and menu container for that view.
    Thanks,
    j

    #347648

    Hey!

    Yes, the border is from the theme but the mobile navigation is missing because you’re using a third party plugin. Please add this on Quick CSS to remove the border:

    @media only screen and (max-width: 989px) {
    div#header_main_alternate, header#header {
    border: none;
    }
    }

    Regards,
    Ismael

    #347729

    That’s just what the doctor ordered! Thanks so much. Mark as RESOLVED :)

    #347735

    Not so fast….
    One of the sites isn’t behaving like the other 3 sites (GOOD = ficblogs.wpengine.com wrc.wpengine.com and wels.wpengine.com ) . I even put in the !important after the border:none. Yet, still, there is a border for http://cef.wrc.wpengine.com The mobile menu is there, but so is that ugly border. What could be wrong there?

    #347742

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 990px) and (min-width: 768px) {
    .html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {
    padding-top: 153px; }}

    Cheers!
    Yigit

    #347800

    Hey Yigit,
    Both sets of code given work for sites without Ubermenu installed. Examples:

    NO UBERMENU SITES
    Code set 1: http://ficblog.wpengine.com
    Code set 2: http://cef.wrc.wpengine.com

    UBERMENU SITES
    Code set 1: http://wels.wpengine.com
    Code set 2: http://wrc.wpengine.com

    So you fixed the Enfold issue for us (what is in your control). Many thanks for that. Knowing that you don’t support 3rd party plugins, I will post on the Ubermenu forum to try to get this resolved for the other two sites.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Enfold Tablet's landscape view inclusion of header/menu border’ is closed to new replies.