Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 16, 2016 at 9:47 pm #649414
    bellard

    When viewing my web site:

    http://www.abramsclaghorn.com

    On the iPad in landscape mode, the “Home” menu item appears on top of the company logo. The logo is located on the left-hand side of the menus.

    Is there a fix for this?

    David

    June 16, 2016 at 10:20 pm #649430
    Basilis

    Hi David!

    Can you please use a service like http://quirktools.com/screenfly/
    and let us know what are your size you see the issue?

    Thanks a lot for the help

    Best regards,
    Basilis

    June 16, 2016 at 10:45 pm #649442
    bellard

    Hi Basilis,

    Using screenfly on the default view of 1024 x 768, this is were I have the issue with the menu and logo overlapping. This would be the size of the iPad mini I do believe.

    David

    June 17, 2016 at 1:57 am #649491
    Yigit

    Hey!

    Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Regards,
    Yigit

    June 20, 2016 at 5:58 pm #650975
    bellard

    Yigit,

    I used the second link/solution you suggested, thanks. The only issue now is that when you open a page with menus, a listing of the menus appears on the right side of the menus icon. How do I set it so that listing does not appear when you view the page?

    Regards,

    David

    June 22, 2016 at 5:35 am #651884
    Ismael

    Hi,

    I’m sorry but I can’t locate the issue on any page in the site. Could you please provide a screenshot of this issue?

    Best regards,
    Ismael

    June 22, 2016 at 3:17 pm #652145
    bellard

    Ismel,

    Open the site http://www.abramsclaghorn.com in Screenfly, resolution set to 1024 x 780 (landscape mode). If you look to the right of the menu icon you will see a menu list that runs vertically.

    *Home
    *Exhibition
    *News
    *Fine Art
    *Functional Art
    *Call for Artists
    *Contact
    *Shop

    It also appears in iPad Peek and on several iPads.

    http://quirktools.com/screenfly/#u=http%3A//www.abramsclaghorn.com&w=1024&h=780&s=1

    • This reply was modified 8 years, 5 months ago by bellard.
    June 22, 2016 at 5:35 pm #652279
    Vinay

    Hi,

    I see the issue you mentioned about the navigation. It appears that a part of the mobile menu is visible. This is mostly due to custom css. To know which code is causing this issue please remove all custom css added to the site and add them back one block at a time while refreshing the page.

    Let us know which code is causing the issue and we can provide an alternate solution.

    Best regards,
    Vinay

    • This reply was modified 8 years, 5 months ago by Vinay.
    June 22, 2016 at 6:18 pm #652321
    bellard

    Vinay,

    The only other code I have is in Quick CSS:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
    -webkit-animation: none; /* Safari 4+ */
    -moz-animation: none; /* Fx 5+ */
    animation: none; /* IE 10+ */
    }

    That is to handle (turn off) the animation of the masonry tiles. I removed the code and still have the same issue. I’m including a copy of the custom css file, I have not changed anything there.

    /* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

    /* General Custom CSS */

    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */

    }

    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */

    }

    June 25, 2016 at 6:46 am #653247
    Ismael

    Hi,

    Please remove this code from the Quick CSS field:

    @media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }
}

    Use this instead:

    @media only screen and (max-width: 1024px) {
#top #header .av-main-nav > li > a {
    font-size: 16px;
    padding: 0 10px;
}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.