Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #304434

    Hey Kriesi team,

    website: http://www.bardactest.dreamhosters.com

    Sorry to bug you so much recently! While this has not been an issue in the past, I am now unable to move/drag menu items around. I have tried deactivating all plugins and have also tried in different browsers…no luck! Rather than being able to drag anything, holding the curosr simply highlights all the text. Any suggestions?

    Also, how would I adjust the placement of the secondary menu when viewing the page on an iPad? If you look at the page on an iPad now, the contact information is all the way to the left, and the submenu is pushed all the way to the right, however they are on two different lines and it does not look good. Would it possible to center these two menus when viewing on an iPad?

    Thanks again for all the help!
    – Julian

    #304447

    Hey PaintedMidget!

    – Please try switching to one of the default themes and check if you can drag menu items or not.

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

    @media only screen and (max-width: 990px) and (min-width: 769px) {
    .phone-info span { margin-left: 0; padding-left: 0; }
    .sub_menu li { padding: 0 2px; }}

    Best regards,
    Yigit

    #304462

    Hey Yigit,

    I know this is a novice question but…will switching themes mess up any settings/styling changes I’ve made in Enfold? Will they still be intact when I switch back?

    Thanks!

    #304465

    Hey!

    No it will not mess up your settings. They will be intact

    Best regards,
    Yigit

    #304466

    Also, unfortunately the fix you provided did not work on the iPad view :/ I also have these settings in custom css, would this effect anything?:

    /* Mobile menu toggle */
    @media only screen and (max-width: 990px) {
    .main_menu, #header_main_alternate{ display: none; }
    .container #advanced_menu_toggle, #advanced_menu_hide{ display: block; }
    #mobile-advanced{ display: block; }
    }
    /* Header Meta adjustments */
    @media only screen and (min-width: 480px) and (max-width: 990px) {
    #header_meta .container{ width: 95%; margin: 0px 20px;}
    }
    @media only screen and (max-width: 480px) {
    #header_meta .container { width: 100% !important; }
    #304470

    Hey!

    There is a closing curly bracket missing in your last code. Please change it to following one

    @media only screen and (max-width: 480px) {
    #header_meta .container { width: 100% !important; }}

    and then check once again if the code i posted works

    Cheers!
    Yigit

    #304472

    Yigit,

    There was an extra closing bracket there, just on the next line and I failed to copy it over to you. Unfortunately, that did not fix the menu issues.

    On the bright side, switching back to Twenty Fourteen allowed me to rearrange the menus, so that issue has been fixed! :D

    Thanks!

    #304476

    Hey!

    – Code is working fine on my end – http://i.imgur.com/ReOHdhz.png
    please flush browser cache and refresh your page a few times.

    – Great! But you should be able to arrange menu items when Enfold is activated as well. Please try re-updating the theme via FTP – http://vimeo.com/67209750

    Cheers!
    Yigit

    #304486

    Yigit, I will try updating via FTP shortly to see if that fixes anything.

    Unfortunately, after deleting browser cache and refreshing the iPad numerous times, I still get the weird submenu issue, however only when held in portrait view. See below:
    iPad Landscape View: http://i.imgur.com/fUKzOF3.png
    vs.
    iPad Portrait View: http://i.imgur.com/SW7dea3.png

    Edit: I should note that I do not care if the text is on 1 or 2 rows, I would just prefer – if they are on two rows – that they are centered rather than right align (top) and left align (bottom).

    Thanks for all the help!

    • This reply was modified 10 years, 4 months ago by FloppySocks.
    #304491

    Hey!

    Please change the code to the folllowing one

    @media only screen and (max-width: 990px) and (min-width: 481px) {
    .phone-info span { margin-left: 0; padding-left: 0; }
    .sub_menu li { padding: 0 1px; }}

    Best regards,
    Yigit

    #440988
    #440995

    Hey!


    @mmagnani
    Thank you for sharing your solution :)

    Regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Cannot move/drag menu items? Also, question about iPad/tablet view’ is closed to new replies.