[ThitParticipant]

Hi support team.

I have an issue with the website I have created with X – Integrity Light.

http://www.ofag.dk

When viewing the website on small screens or a phone (any iPhone I have tried), the menu is not working properly. It is also apparent when using a browser window that has been made smaller. Any time the pop down menu is available, it is not functioning.

When pressing the menu button first, nothing happens. When pressing it a second time, it pops down for a split second and then disappears again.

This is a big problem, as any one with a small screen or phone can not use the site properly.
Is it a mistake I have made, and how can I correct it?

I hope you can help,
From Thit H, Denmark.

[DarshanaModerator]

Hi there,

Thanks for writing in! I see that you’re using an older version of X theme V2.2.0. These are some of the bugs that we have identified and fixed after the X theme V2.5.0 onwards (https://theme.co/x/member/kb/solutions-to-potential-setup-issues-navigation/).

You can find the latest version numbers here: (http://theme.co/x/member/changelog/) Then you can compare them to what’s installed on your site.

Please refer to our Theme & Plugins update guide here at this URL (https://theme.co/x/member/kb/updating-your-theme-and-plugins/) to update your theme & plugins.

Thanks!

[ThitParticipant]

Thank you so much for your kind reply! 🙂
I installed the updated X theme using the method you provided.

The problem seems to have been solved on small phone screen. But the menu is acting strange now on a computer, when I am resizing the browser window. It is like it does not know how to resize down to the drop down menu properly.

Can you see the problem as well?
I am using a child theme. Does that affect the solution?

Thank you again for amazing support!
From Thit H, Denmark

[RadModerator]

Hi there,

It perfectly works on desktop browsers. Perhaps, provide a video recording of what you’re getting?

Please clear your desktop browser’s caches or use private browsing like chrome’s incognito.

Thanks.

[ThitParticipant]

Ah, maybe my description was not detailed enough. I will try. 🙂
Thank you!

What I see there is a problem with, is the alignment of the text in the menu.
It is all supposed to be aligned to the right. That is not the case with the drop down items when the menu is on a large screen.

When the menu is on a smaller screen (and is therefore resized responsively) the drop down menu text IS aligned to the right like it is supposed to be. BUT the arrows to show the next level of drop down text are on top of the menu text.
And when I press next level menu item, the next level is aligned to the left again.

Should I just erase the right alignment that I tried to make? Because it seems to be interfering with the text and messing up the menu text.

Do you have a suggestion for a solution?

Thank you for your kind help!
From Thit H, Denmark

[Rue NelModerator]

Hello There,

Thanks for the clarifications. Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .x-nav-wrap .x-nav > li > a {
  text-align: left;
}

In your customizer you added that it is align to the right. If you have that on purpose then you might want to re position the arrows by using this code

.x-sub-toggle {
   right: 95%;
}

Please let us know if this works out for you.

[ThitParticipant]

THANK YOU so much 🙂
It is perfect now! Thanks!

From Thit H, Denmark

[FriechModerator]

You’re more than welcome, glad we could help, Cheers.

[Author]

Posts