Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #172940

    We have the “Shop” link at the far right-hand side of the navigation menu.

    This has a drop down with a secondary sublink navigation that FLOATS ( points ) to the RIGHT, which then is cut off when the iPad is being held vertically.

    1) How do we get the dropdown’s secondary sub-navigation to FLOAT ( point ) LEFT when it is touches the right-edge of the screen ?

    Thanks in advance.

    • This topic was modified 9 months, 3 weeks ago by  turner2f.
    • This topic was modified 9 months, 3 weeks ago by  turner2f.
    #172945

    NOTE: We are using the “Header with Social Icon and bottom” header type.

    NOTE:We do not get this “cut off issue” if we use the ” Fixed Header with Social Icons and Additional Navigation ” header type.

    So this might be a CSS issue.

    Please help.

    Thanks in advance.

    • This reply was modified 9 months, 3 weeks ago by  turner2f.
    #173069

    Hello!

    Can you post the link to your website so we can inspect elements?

    Regards,
    Yigit

    #173352
    This reply has been marked as private.
    #173627

    Hi!

    Please refer to this post and change the width of switching to mobile menu http://www.kriesi.at/support/topic/collapsable-menu/#post-165144

    Best regards,
    Yigit

    #174481
    This reply has been marked as private.
    #175075

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .main_menu ul:first-child > li > a {
    padding: 0 7px;
    }

    Best regards,
    Yigit

    #176005
    This reply has been marked as private.
    #176387

    Hello!

    Yes but did you undo the changes? It looks like this http://www.kriesi.at/support/topic/collapsable-menu/#post-165144 is not being applied.

    Cheers!
    Yigit

    #176411
    This reply has been marked as private.
    #177876

    Hi!

    You can use this css code to change the dropdown position:

    
    #top #header_main_alternate .main_menu .menu #menu-item-2842 ul.sub-menu{
    right: 207px;
    }
    

    I’ll tag the thread for Kriesi, maybe he wants to write a small javascript function which checks the dropdown position and adjusts the left/right value dynamically if necessary. For now you need to change the position manually.

    Regards,
    Peter

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Secondary Dropdown element gets cut off in iPad’ is closed to new replies.