Mobile issues

Hello,
on basel Shoes theme I’m facing multiple issues on mobile.

1. The header tagline overlaps and covers the main slider on mobile.

2. Slider height is incorrect on mobile — images are only partly visible.

3. WPML language switcher is missing on mobile view (works on desktop).

4. The side image in the “Kosmetika” section is squeezed and placed on top instead of properly aligned.

5. Only a single promo banner (“Dovanos”) is shown, other are not visible.

6. Mobile menu shows only a few items (wishlist, account, logout), the main categories are missing.

7. Headline font sizes are too large on mobile (e.g., <h1> 42px).

Attachments:

You must be logged in to view attached files.

Hello,

1 & 2. The section after the slider has a negative margin-top which overlaps the slider. You need to remove it to fix the issue. Here is a video https://gyazo.com/b685281e652de824563fc5a3a9e3d4fe

3. The topbar menu is hidden on mobile devices. You need to add the language selector to the mobile navigation in WPML.

4. This image is set as background for the column, which is very small on mobile devices. You need to either add some extra “padding” to increase the column height or usea Single image element instead.

5. As I can see, the column with the second banner is set to be hidden on mobile devices. You can change this while editing this column with the WPBakery page builder interface.

6. You can customize the mobile menu in Appearance -> Menus.

7. As I can see, you have set this font size for these elements customarily. You can also change this while editing with WPBakery page builder.

Kind Regards

[Author]

Posts