Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 9, 2013 at 10:41 am #172940
    turner2f

    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 11 years, 2 months ago by turner2f.
    October 9, 2013 at 10:56 am #172945
    turner2f

    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 11 years, 2 months ago by turner2f.
    October 9, 2013 at 3:34 pm #173069
    Yigit

    Hello!

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

    Regards,
    Yigit

    October 10, 2013 at 3:30 am #173352
    turner2f
    This reply has been marked as private.
    October 10, 2013 at 3:21 pm #173627
    Yigit

    Hi!

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

    Best regards,
    Yigit

    October 12, 2013 at 6:47 am #174481
    turner2f
    This reply has been marked as private.
    October 14, 2013 at 2:58 pm #175075
    Yigit

    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

    October 15, 2013 at 7:59 pm #176005
    turner2f
    This reply has been marked as private.
    October 16, 2013 at 1:04 pm #176387
    Yigit

    Hello!

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

    Cheers!
    Yigit

    October 16, 2013 at 2:00 pm #176411
    turner2f
    This reply has been marked as private.
    October 19, 2013 at 2:02 pm #177876
    Dude

    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

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Secondary Dropdown element gets cut off in iPad’ is closed to new replies.