Pergunta do Mega Menu do WordPress Max: Elementos clicáveis ​​muito próximos

Um usuário perguntou ?

O Google Search Console me envia esta mensagem: “Elementos clicáveis ​​muito próximos” Criei um tema de menu diferente para dispositivos móveis e o vinculei a “Mobile English (opcional)”. Em seguida, configurei este tema assim: Barra de menus:> Altura do menu: 120px> Preenchimento do menu: 20px Mega menus superiores e inferiores:> Todas as fontes: 26px> Todos os preenchimentos: 20px Menu móvel superior e inferior:> Altura da barra de alternância: 120px > Altura do item de menu: 120px

Joguei com todos esses parâmetros e por nada, nada muda no menu do meu celular.

(@megamenu)

1 ano, 11 meses atrás

Olá Ivan

Ele tem o mesmo menu exibido no desktop e no celular, portanto, ignore a configuração do menu “Celular (opcional)” e é um tema. Tudo o que você precisa fazer é trabalhar no menu principal e no tema atribuído a ele.

Duvido, mas não posso ter certeza, porque não sei exatamente quais elementos estão muito próximos, é porque você definiu a altura da barra de alternância para 20px (no seu tema padrão), então tente aumentar isso.

(@ivangil)

1 ano, 11 meses atrás

Obrigado pela resposta, fico muito grato.

Infelizmente, não ajudou. Meu menu móvel não muda um pouco, não importa o que eu mude no tema do menu principal e no tema móvel.

Você pode usar o tema exportado para descobrir qual problema estou tendo?

Exportei os menus móveis e os menus principais. Aqui está o tema móvel:

{“Title”: “MobileTheme”, “container_background_from”: “rgba (0, 0, 0, 0)”, “container_background_to”: “rgba (0, 0, 0, 0)”, “container_padding_top”: “20px” , “Container_padding_bottom”: “20px”, “menu_item_background_hover_from”: “rgba (0, 0, 0, 0)”, “menu_item_background_hover_to”: “rgba (0, 0, 0, 0)”, “menu_item_spacing”: “40px” , “Menu_item_link_font_size”: “24px”, “menu_item_link_height”: “120px”, “menu_item_link_weight”: “negrito”, “menu_item_link_text_transform”: “maiúsculas”, “menu_item_link_color_hover_vver_vver_6”, “24t”, menu_item_link_padding_top “:” 20px “,” menu_item_link_padding_top “:” 20px “,” menu_item_link_padding_top “:” 20px “, “:” 20_5 “25_5” 2555_b “)”, “Panel_background_from”: “rgba (0) 0, 0, 0, panel_background_to”: “rgba (34, 34, 34, 0.92)”, “panel_border_radius_bottom_left”: “20px” ,” panel_border_radius_bottom_right “:” 20px “,” panel_header_color “:” rgb (255, 255, 255) “, “: “24px”, “pan el_head er_padding_top ” :” 20px “,” panel_header_padding_bottom “:” 20px “, “panel_header_border_color “:” #555 ″, “panel_widget_padding_left”: “25px”, “panel_widget_padding_bottom”: “25px”: “25 “_px”, “painel familiar” legacy “,” panel_second_level_font_color “:” rgb (255, 255, 255) “,” panel_second_level_font_color_hover “: “rgb (245, 246, 148)”, “panel_secec_ond” ele “herança”, “panel_second_level_font_size ” 26px ‘panel_second_level_font_weight’ ‘negrito’ ‘panel_second_level_font_weight_hover’ negrito ‘ ‘panel_second_level_level_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_level_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_level_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tevel_tele__, Panel_second_level_padding_top'”‘: ’20px’, ‘panel_second_level_padding_bottom »: “20px”, “panel_second_level_border_color”: “#555 ″,” panel_third_level_font_color “:” rgb (241, 241, 241, 241, 241, “24____24__91 _241,” panel_level: “legacy_legacy” “26px”, “panel_third_level_font_w ocht_hover”: “bold”, “panel_third_level_padding_left”: “15px”, “panel_third_level_padding_top”: “20px”, “panelout”, “fp” “150px”, “flyout_gth” “255)”, “flyout size” : “26px”, “flyout_link_color”: “#666 ″,” flyout_link_color_hover “:” #666 ″, “flyout_link_family”: “herança”, “line_height”: “2 ″,” shadow «:» Em «,» shadow_horizontal » : «5px», «shadow_vertical»: «5px», «shadow_blur»: «3px», «shadow_spread»: «5px», «shadow_color»: «rgba (0, 0, 0 , 0.33)”, “Toggle_background_from”: “rgba (0, 0, 0, 0.3)”, “toggle_background_to”: “rgba (0, 0, 0, 0.3)”, “toggle_bar_height”: “120px”, “mobile_menu_item_height » : “120px”, “mobile_menu_force_width ”:” em ”,” mobile_background_from ”:” #222 ″, ”mobile_background_to”: ”#222 ″,” mobile_menu_item_link_font_size ”:” 36px ”,” mobile_menu_item_link_colorf: ”#f_l_or_” sobre “ » « » fffbackground : «# 333 ″,» mobile_menu_item_background_hover_to «:» # 3 33 ″, «custom_css»: » /** Acesse o novo menu embutido **/ rn # {$wrap} { rn clear: Both; rn} rnrn @ include mobile { rn .mega-menu-menu-menu # site-navigation-wrap { rn float: none; rn direita: automática; rn} rn} rnrn «}

E o tema principal é: {“title”: “MyMegaMenu”, “container_background_from”: “rgba (0, 0, 0, 0)”, “container_background_to”: “rgba (0, 0, 0, 0)”, ” Menu_item_background_hover_from «:» rgba (0, 0, 0, 0) «,» menu_item_background_hover_to «:» rgba (0, 0, 0, 0) «,» menu_item_spacing «:» 20px «,» menu_item_link_font_size «:» 12px «Menu_item_link_font_size» : “12px” “:” 80px “,” menu_item_link_weight “:” bold “,” menu_item_link_text_transform “:” maiúscula “,” menu_item_link_color_hover “:” rgb (245, 246, 148) “,” menu_item_link_link_link_link_link_bot_link “:” 0pxdingitemright ” “20px », «menu_item_border_color_hover»: «rgb (255, 255, 255)», «panel_background_from»: 0, 0, 0,) «, «Panel_background_to «:» rgba (34, 34, 34, 0.92) «, »panel_border_radius_bottom_left « :”20px”, “panel_border_radius_bottom_right”:”20px”, “panel_header_color”:”rgb(255, 255, 255)”, “Panel_header_font_ser”:”12px”555″,”panel_font_size”:”14px”, “panel_font_color”: “#666″,. . 555 ″, “panel_third_level_font_color”: “rgb (241, 241, 241)”, “panel_third_level_font_color_hover”: “rgba (245, 246, 148, 0.91)”, “panel_third_level_font”: “herança”, “panel_thirdfweight:” “flyout_width” : “150px”, “flyout_menu_item_divider_color”: “rgb (255, 255, 255)”, “flyout_link_size”: “14px”, “flyout_link_6” flyout_link_color_hover “:” #666 ″ “:” herança “,” line_height “: “20 ″,”shadow”:”on”,”shadow_horizontal”:”5px”,”shadow_vertical”:”5px”,”sha dow_blur”:”3px”,”shadow_spread”:”5px”,”shadow_color”:”rgba( 0, 0, 0, 0.33)”, “toggle_background_from”: “rgba (0, 0, 0, 0.3)”, “toggle_background_to”: “rgba (0, 0, 0, 0.3)”, “mobile_menu_force_width” : “ar », «mobile_background_from»: «#222 ″,» mobile_background_to «:» #222 ″, «mobile_menu_item_link_font_size»: «24px», «Mobile_menu_item_link_colff_,» #fitem «»: «left», «mobile_menu_colo_item_link r_hover «:» #ffffff « ,” mobile_menu_item_background_hover_from “:” _33___ / ** Pressione o novo menu online ** / rn # {$ wrap} { rn clear: ambos; rn} rnrn @ include mobile { rn .mega-menu-menu-menu # site-navigation-wrap { rn float: none; rn direita: automática; rn} rn} rnrn «}

(@ivangil)

1 ano, 11 meses atrás

Descobri que os serviços do SiteGround Cache estavam ativos, então não consegui ver nenhuma alteração no menu. Eu os desativei e vou deixar você saber como vai ser a seguir.

(@megamenu)

1 ano, 11 meses atrás

Olá Ivan

Por favor, ignore o tema móvel, ele não está sendo usado. Para o tema “MyMegaMenu”, defina a altura da barra de alternância para algo como 120px.

Parece que a SEC ainda está pendente. Se você tiver o plug-in SG Optimizer instalado, desative a minificação CSS lá e certifique-se de “Remover strings de consulta de recursos estáticos dizerenabled” (cadeias de consulta são uma coisa boa, elas notificam os navegadores quando ativos estáticos são atualizados).

(@ivangil)

1 ano, 11 meses atrás

Muito obrigado pela sua resposta.

Obrigado por suas instruções, finalmente estou fazendo com que funcione da maneira certa.

Acabei de deixar uma avaliação positiva (5 títulos) no fórum, você merece.

Para ser honesto,

Ivan Gil

(@megamenu)

1 ano, 11 meses atrás

Olá Ivan

Obrigado pela avaliação, agradecemos! ?

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *