Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 4, 2014 at 7:15 pm #346030
    welswebmaster

    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?

    November 4, 2014 at 10:23 pm #346170
    Arvish

    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

    November 4, 2014 at 11:21 pm #346212
    welswebmaster
    This reply has been marked as private.
    November 6, 2014 at 5:03 pm #347177
    welswebmaster

    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.

    November 6, 2014 at 11:02 pm #347441
    welswebmaster

    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

    November 7, 2014 at 11:06 am #347648
    Ismael

    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

    November 7, 2014 at 2:49 pm #347729
    welswebmaster

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

    November 7, 2014 at 3:10 pm #347735
    welswebmaster

    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?

    November 7, 2014 at 3:14 pm #347742
    Yigit

    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

    November 7, 2014 at 5:11 pm #347800
    welswebmaster

    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.

  • Author
    Posts
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.