iPad/Mobile Menu Alignment Issue – Support Needed

Hi Xtemos team,

I tried posting on the forum but received a database error.

We’re using the latest Woodmart version on https://omoco.com.
There’s a layout issue in the Category menu on iPad and mobile devices.

Inside .cat-item a.category-nav-link, the icon and text are not aligned horizontally.
We tried everything (Custom CSS, Custom JS, querySelector, setInterval) but nothing works — probably due to JS-rendered structure.

Can you please review this layout issue and help us fix it?
We would appreciate a direct solution (CSS snippet, JS fix, or file override instructions).

Thanks in advance!

Attachments:

You must be logged in to view attached files.

please solve my problem

Hello,

The issue is with the SVGs that don’t have width and height attributes.

You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your svg tag like it is shown https://prnt.sc/N-wyqYgD3npT. Then you will need to re-upload your image in WordPress Dashboard.

Kind Regards

I’ve got the exact same problem. I tried to add the width and height in the html of the svg using notepad on a MacBook and re uploaded the image but doesnt seem to work.

Please can you reshare the screenshot of the attributes above as the link no longer works.

Thanks

Attachments:

You must be logged in to view attached files.

Hi there,

To resolve this issue, you’ll need to open your SVG icons file in an editor and add height and width attributes to your <svg> tag, as demonstrated in the screenshot provided: https://gyazo.com/83fd36b0bb9628bb1aed2bd3d5d063c5

Once you’ve made these changes, you’ll need to reupload your icons in the WordPress Dashboard.

Best regards

Do I need to paste this xml:
<rect x=”10″ y=”10″ width=”100″ height=”100″/>

after all the other code eg. <defs> &<polygon> ?

Ah! I guess not – i got an error with that file.

Attachments:

You must be logged in to view attached files.

[Artem Temos]

As I can see from your screenshot, you used incorrect double quotes. In the following screenshot, I’ve highlighted the correct format with a green circle and the incorrect format with a red circle.

• This reply was modified 1 week, 5 days ago by Artem Temos.

[Author]

Posts