Mobile submenu doesn’t align left on mobile devices

  • Resolved mstudioeu

    (@mstudioeu)


    2 months, 2 weeks ago

    Hi guys,

    Thank you so much for this great plugin, really!

    I’m having an issue with the submenu alignment on mobile devices. In the editor it’s working fine, but the issue persists on a real device. I have tried to adjust the alignment by both changing the settings and using custom CSS code, but whatever I add, it’s being overridden by your plug-in. Please check the screenshots attached form the header template and from a real device.

    Header template:

    iPhone:

    As you can see, it looks different on the real device. No cache plugins installed, no server-side cache.

    I’d appreciate a little help here.

    You can check on your mobile device by visiting the URL from the screenshot above.

    Thank you so much in advance!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support mohsinbsf

    (@mohsinbsf)

    Hi @mstudioeu,

    Thanks for getting in touch with us.

    It seems this query does not belong to the Spectra plugin, can you please check by turning off the Spectra plugin. If issue is still there, please check with the theme support on respective channel.

    Have a nice day!

    Thread Starter mstudioeu

    (@mstudioeu)

    Hi @mohsinbsf , thanks for getting back. May I ask from what it seems that the issue is not related to Spectra? Because I am using the Spectra theme as well. I’d appreciate if you look into it again. Thank you.

    Plugin Support mohsinbsf

    (@mohsinbsf)

    Hi @mstudioeu,

    Sorry for the inconvenience caused to you.

    Yes, I can see the when the text length is more than other it moves left to adjust it. Can you please check by reducing the length and also verify the same working with the default WordPress themes like Twenty Twenty-Four.

    Please try and let me know how it goes.

    Have a nice day!

    Thread Starter mstudioeu

    (@mstudioeu)

    Hey again! I am sorry but this is not an option. I do realise if I adjust the text the issue will be fixed but this is not a solution, it’s a workaround and it won’t be useful since this is the full menu item name the client wishes to show and use. Can you suggest a working solution, please?

    Plugin Support mohsinbsf

    (@mohsinbsf)

    Hi @mstudioeu,

    You can fix the issue by using the below CSS code.

    ul.wp-block-navigation__container { text-align: center; }

    Please try and let me know how it goes.

    Have a nice day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.