#129031 Mega Menu text alignment issue

Landing Forums JupiterX WordPress Theme Mega Menu text alignment issue

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • Holly Myers

    Hi,

    I am having issues with my mega menu (Mobile). It seems to work fine on some devices, however on iPhone X you will notice the text alignment issue. This only happens with 2 of the sub menu items (Belkyra/Deoxycholic Acid, Latisse Lash Enhancement). Please see screenshot. If the text breaks onto another line that is fine, however I would like the text to be flush. As you will see in the screenshot the second line of text is farther left than the 1st line.

    These are all in separate templates labelled correctly, and then pooled all together in the mega menu template. Keep in mind that when you open a template in Elementor the text is white on a white background. The blue background is within the mega menu template. Also, when you preview it in Elementor it looks fine. It is only when you inspect element and change to iphone X.

    Thanks

    Tatyana Hutsol Support Team

    Hello,

     

    Please add this code in Customizer > Additional CSS:

    @media (max-width: 767px){
    .raven-nav-menu ul.submenu .elementor-heading-title {
    white-space: nowrap;
    }}

    Thank you.

    Regards.

    Holly Myers

    Thanks it worked!

    Alexander Hutsol Support Team

    Hello,

    You are welcome.

     

    Regards.

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.
Login