Hi guys I am experiencing some problems regarding the responsiveness of the main navigation Menu. When I downsize a screen window, the navigation menu splits into 2 different rows. That also happens in PC screens that are not very big.
Only when you downsize the screen a lot more the menu changes to mobile version.
Sorry for the late reply.
This happens because the width of menu bar exceeds the width of header bar, when you resize the screen too much. If you keep making it smaller, until you reach one of the predefined responsive screen sizes, then the site goes into responsive mode and it’s css classes take over. Meaning the mobile menu shows up.
To avoid the first situation, please try settings smaller paddings between menu items. For this, go to General Options > Header Options > Menu Options > Menu Items paddings/Margins.
For the second situation, you can change the point break (point where normal menu gets replaced by mobile menu) with some custom css code.
Let us know if you need further help.
