fbpx

Biggest Sale of the Year - Save 60% Now!!

Days
Hrs
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Menu in mobile is hidden

Menu in mobile is hidden 3 months 3 weeks ago #23527

Hi,

The menu bar is hidden in the mobile devices, need to click the blank space for the menu to appear plus the social icons are missing.
I have attached a document containing screen shots to explain this. Could you please help to resolve this?

Thanks
Kind Regards

Arumai
Attachments:
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23535

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4182
  • Thank you received: 611
  • Karma: 110
Hi Arumai,

Can you post a link to your site please?

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23554

Hi Chetan,
Thamks for the reply.
www.manchestertamilassociatin.co.uk.

I have managed to re-instate the mobile menu. However I still cannot make the social icons visible in the mobile devices. I tried to change the social icons ( appearence) but this option is not available in the asteroid framework.

Thanks

Kind regards

Arumai.
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23568

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 1567
  • Thank you received: 149
  • Karma: 20
Hi,

The social icons that you see in desktop view is via module and its position that don't work in mobile menu. Mobile menu does't allow you to display any type of modules it just simply displays the menu. You can use the Off Canvas menu instead to display the social link in there.

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23573

Hi Nishtha,

Thanks for the reply. If I use the "offcanvas" menu for the social icons then the social icons will disappear from my top block position from desktop. i cannot find a way to assign the social icons to multiple positions?
I also I could't modify the social icon colour. I want to get rid of square around the social icons. When I adjust in Teams primary colour to white, it removes the box layout but the "Menu Bar" also disappear in the Mobile. Is there any other way?

Thank you for the help.

Regards

Arumai
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23575

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 1567
  • Thank you received: 149
  • Karma: 20
Hi Arumai,

To display the social icons in more than one place, you can go through the steps mentioned in the document: docs.joomdev.com/article/astroid-social-profile/
And can you please specify which square around the social icons whose color you would like to change.

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23587

Hi Nishtha,

Thanks for the reply. I have attached the social icons currently on our site. The Square around the social icon. Our site is www.manchestertamilassociation.co.uk

Thanks

Regards
Arumai
Attachments:
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23599

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3900
  • Thank you received: 595
  • Karma: 101
Hello,

Use the attached code for removing the black background.

.astroid-social-icons li i { background: none; border: none; }

How to add custom CSS or SCSS files

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23603

Hi Chandan,

Thanks, that fixed it.

Regards

Arumai
The topic has been locked.

Menu in mobile is hidden 3 months 3 weeks ago #23605

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 1567
  • Thank you received: 149
  • Karma: 20
Perfect! Problem solved, topic closed.

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.493 seconds