Drop-down menu too far right

  • Resolved melojezzed

    (@melojezzed)


    1 year, 3 months ago

    Hello together,

    I have a second question. The drop-down-menu for mobilephone is too far away.. You can only read the half of them. My first problem was, that there was no drop-down-menü. Then I changed the overflow-settings. Now you can see that, but not on the right position. Is there somewhere a possibility to change a setting for that?

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 16 total)
  • Plugin Support Herman Asrori (BSF)

    (@bsfherman)

    Hi @melojezzed,

    Please export the template you are using as the Header and share it here. I will import it on my dev site and see what I can do. This Elementor doc will show you how to save and export a template.

    I look forward to hearing from you.

    Kind regards,
    Herman ??

    Thread Starter melojezzed

    (@melojezzed)

    {"content":[{"id":"3b4ff7a9","settings":{"flex_direction":"row","flex_gap":{"unit":"px","size":0},"html_tag":"header","transparent":"yes","transparent_header_show":"yes","background_show":"yes","hide_header":"yes","__globals__":{"background":""},"custom_height_header":{"unit":"px","size":60,"sizes":[]},"scroll_distance":{"unit":"px","size":10,"sizes":[]},"background":"#49637799","custom_height_header_logo":{"unit":"px","size":80,"sizes":[]},"scroll_distance_hide_header":{"unit":"px","size":1000,"sizes":[]},"flex_justify_content":"space-between","flex_direction_tablet":"row","flex_justify_content_tablet":"flex-start","flex_gap_tablet":{"unit":"px","size":0,"sizes":[]},"flex_wrap_tablet":"nowrap","flex_justify_content_mobile":"center"},"elements":[{"id":"3c45af34","settings":{"flex_direction":"row","width":{"unit":"%","size":100},"flex_justify_content":"space-between","min_height":{"unit":"px","size":0,"sizes":[]},"flex_gap":{"unit":"px","size":0,"sizes":[]},"margin":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"_flex_align_self":"center","_flex_size":"none","_element_width":"initial","width_tablet":{"unit":"px","size":100,"sizes":[]},"width_mobile":{"unit":"px","size":500},"flex_direction_tablet":"row","flex_justify_content_tablet":"space-between","flex_justify_content_mobile":"space-between","flex_wrap_tablet":"nowrap","_element_width_mobile":"initial"},"elements":[{"id":"5341671f","settings":{"image":{"url":"http:\/\/hellomiss.jennifer-beyer.de\/wp-content\/uploads\/2023\/05\/cropped-Hello_Miss_Quadrat_500_trans-1-1.png","id":55,"size":"","alt":"Hello Miss","source":"library"},"image_size":"medium","width":{"unit":"%","size":73,"sizes":[]},"_padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"link_to":"custom","link":{"url":"https:\/\/hellomiss.de","is_external":"","nofollow":"","custom_attributes":""},"_css_classes":"logo","_margin":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":false},"_element_width":"initial","_element_custom_width":{"unit":"%","size":15.203},"_flex_align_self":"center","_flex_order_tablet":"custom","_flex_order_custom_tablet":1,"_flex_size":"none","_element_custom_width_mobile":{"unit":"px","size":77},"_element_width_mobile":"initial"},"elements":[],"isInner":false,"widgetType":"image","elType":"widget"},{"id":"35123f86","settings":{"menu":"menue","navmenu_align":"center","dropdown":"mobile","dropdown_icon":{"value":"remixicon ri-menu-3-fill","library":"remix-icons"},"dropdown_close_icon":{"value":"remixicon ri-close-fill","library":"remix-icons"},"padding_horizontal_menu_item":{"unit":"px","size":19,"sizes":[]},"padding_horizontal_menu_item_tablet":{"unit":"px","size":50,"sizes":[]},"padding_horizontal_menu_item_mobile":{"unit":"px","size":0,"sizes":[]},"padding_vertical_menu_item":{"unit":"px","size":6,"sizes":[]},"padding_vertical_menu_item_tablet":{"unit":"px","size":7,"sizes":[]},"padding_vertical_menu_item_mobile":{"unit":"px","size":0,"sizes":[]},"color_menu_item_hover":"#88B8DE","_margin":{"unit":"px","top":"0","right":"20","bottom":"0","left":"20","isLinked":false},"_margin_mobile":{"unit":"px","top":"00","right":"00","bottom":"00","left":"00","isLinked":true},"_element_width_mobile":"initial","_element_custom_width_mobile":{"unit":"px","size":50.016},"_flex_align_self":"center","_flex_align_self_tablet":"center","_flex_order_tablet":"custom","_flex_order_custom_tablet":3,"_flex_size":"shrink","_flex_size_tablet":"shrink","_flex_size_mobile":"none","_flex_grow_tablet":1,"_flex_shrink_tablet":1,"_z_index_tablet":2,"__globals__":{"color_menu_item":"","color_menu_item_hover":"globals\/colors?id=0518d40","_background_color":"","background_color_dropdown_item":""},"_css_classes":"headerschrift","color_menu_item":"#FFFFFF","color_dropdown_item":"#FFFFFF","toggle_color":"#FFFFFF","_background_background":"classic","schema_support":"","submenu_animation":"slide_up","background_color_dropdown_item":"#49637796","dropdown_border_radius_mobile":{"unit":"px","top":"6","right":"6","bottom":"6","left":"6","isLinked":true},"width_dropdown_item":{"unit":"px","size":223,"sizes":[]},"width_dropdown_item_mobile":{"unit":"px","size":236,"sizes":[]},"padding_horizontal_dropdown_item":{"unit":"px","size":0,"sizes":[]},"padding_horizontal_dropdown_item_mobile":{"unit":"px","size":13,"sizes":[]},"padding_vertical_dropdown_item_mobile":{"unit":"px","size":11,"sizes":[]},"distance_from_menu_mobile":{"unit":"px","size":0,"sizes":[]},"divider_border_color":"#496377","dropdown_divider_width":{"unit":"px","size":1,"sizes":[]}},"elements":[],"isInner":false,"widgetType":"navigation-menu","elType":"widget"},{"id":"1c91db4f","settings":{"social_icon_list":[{"social_icon":{"value":"fab fa-facebook-f","library":"fa-brands"},"_id":"fd1941c","item_icon_color":"custom","item_icon_primary_color":"#88B8DE00","__globals__":{"item_icon_primary_color":"","item_icon_secondary_color":""},"link":{"url":"https:\/\/www.facebook.com\/HelloMissBand\/","is_external":"true","nofollow":"","custom_attributes":""}},{"_id":"68cc28f","social_icon":{"value":"fab fa-instagram","library":"fa-brands"},"item_icon_color":"custom","item_icon_primary_color":"#88B8DE00","__globals__":{"item_icon_primary_color":""},"link":{"url":"https:\/\/www.instagram.com\/hellomissband\/?hl=de","is_external":"true","nofollow":"","custom_attributes":""}},{"social_icon":{"value":"fab fa-youtube","library":"fa-brands"},"_id":"b496c07","item_icon_color":"custom","item_icon_primary_color":"#88B8DE00","__globals__":{"item_icon_primary_color":""},"link":{"url":"https:\/\/www.youtube.com\/@hellomissband9089","is_external":"true","nofollow":"","custom_attributes":""}}],"icon_size":{"unit":"px","size":18,"sizes":[]},"hover_animation":"grow","_margin":{"unit":"px","top":"0","right":"20","bottom":"0","left":"20","isLinked":false},"_padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"icon_color":"custom","icon_padding":{"unit":"em","size":0.3,"sizes":[]},"icon_spacing":{"unit":"px","size":3,"sizes":[]},"_element_width_mobile":"initial","_element_custom_width_mobile":{"unit":"px","size":145},"_flex_align_self":"center","_flex_order_tablet":"custom","_flex_order_custom_tablet":2,"_flex_size":"none","__globals__":{"icon_primary_color":"globals\/colors?id=secondary","icon_secondary_color":""},"icon_primary_color":"#54595F","icon_secondary_color":"#FFFFFF","columns_mobile":"0","align_mobile":"left"},"elements":[],"isInner":false,"widgetType":"social-icons","elType":"widget"}],"isInner":false,"elType":"container"}],"isInner":false,"elType":"container"}],"page_settings":[],"version":"0.4","title":"Header Hello Miss","type":"container"}
    Thread Starter melojezzed

    (@melojezzed)

    Hi, I export the template, but I don′t know how to post here :-D. Like above?

    Plugin Support Herman Asrori (BSF)

    (@bsfherman)

    Hi @melojezzed,

    Unfortunately, it doesn’t work.

    You can upload the exported JSON file to Google Drive, Dropbox, etc then share the link to download that file here. It will work.

    In the meantime, please check if Elementor’s Flexbox Container is enabled. If it is, please disable it and see if it fixes the issue.

    I look forward to hearing from you.

    Kind regards,
    Herman ??

    Thread Starter melojezzed

    (@melojezzed)

    okay, thank you. Here the wetranfer link:

    https://we.tl/t-YJN3dy3OgK

    Thread Starter melojezzed

    (@melojezzed)

    Could you find the mistake?

    Plugin Support Herman Asrori (BSF)

    (@bsfherman)

    Hi @melojezzed, sorry for the delay.

    Unfortunately, when I tried to import the template you shared above, it didn’t work. It says Invalid template type.

    Could you please try exporting the template again? It would be better if you can try to import it on your site first, to make sure it works.

    I look forward to hearing from you.

    Kind regards,
    Herman ??

    Thread Starter melojezzed

    (@melojezzed)

    Hi @bsfherman , okay, thank you. I don′t know, why it didn′t work, but I try it again. I download and upload it and it worked.

    https://we.tl/t-gQjWN6A2WW

    Thanks a lot for your help!

    Thread Starter melojezzed

    (@melojezzed)

    Stop, it′s wrong. I upload a new this evening.

    Thread Starter melojezzed

    (@melojezzed)

    Now it′s right. ??

    Here is the we transfer link:

    https://we.tl/t-JG2t36fJPK

    Plugin Support Herman Asrori (BSF)

    (@bsfherman)

    Hi @melojezzed,

    Just a quick heads up, the latest template you shared is working. Please give me some time to check this before I get back to you.

    Kind regards,
    Herman ??

    Plugin Support Herman Asrori (BSF)

    (@bsfherman)

    Hi @melojezzed,

    I have a chance to take a look at this again, however, I just realized that the template you shared, while I am able to import, it has nothing inside.

    Could you please check again on your end?

    I look forward to hearing from you.

    Kind regards,
    Herman ??

    Thread Starter melojezzed

    (@melojezzed)

    Hi @bsfherman,

    there is something inside, but it′s transparent and the letters are white. When you coloured the backgroundcolor, you can see the header.

    Kind regards,
    Jennifer

    Thread Starter melojezzed

    (@melojezzed)

    Hi. I upload the header again and change the background-colour, that you can see something: https://we.tl/t-13egZs0Y36. Now, I have a second problem… the background-colour by scrolling change twice. Like in that picture.

    Plugin Support Herman Asrori (BSF)

    (@bsfherman)

    Hi @melojezzed,

    I think I got this. Also why I previously failed when tried importing the template provided by you.

    Could you please check the Flexbox Container as I asked in my previous response? If you have it enabled, please disable it. However, you will need to re-create the template from scratch. Once you have done this, please let me know if you still face any issue.

    Please let us know how you go.

    Kind regards,
    Herman ??

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Drop-down menu too far right’ is closed to new replies.