Recent
Categories
View Replies (5)

J51 - London - Custom Social Links Not Working On Mobile

  1. Issue
0
Votes
Undo
  1. louisdadj
    louisdadj
  3. Commercial Templates
  4. Saturday, 16 January 2021
  5.  Subscribe via email
On my London template, I used the standard Facebook icon (top right) as a social link. This works on both desktop and mobile devices.
However, I created 2 custom icons and these only link on the desktop ... on the mobile device ... no luck.

Please advise what coding or CSS needs to added for this to work properly.
Attachments (1)
social.jpg social.jpg
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
louisdadj
louisdadj
Accepted Answer Pending Moderation
0
Votes
Undo
http://marrakechguesthouse.co.za/new/


Also, when viewing on a mobile device (my own phone) the side modules comes up first and when you start scrolling it disappears and goes to the bottom.
It's suppose to stay at the bottom and not be displayed at the top. See screenshots attached.
URL causing this error: http://marrakechguesthouse.co.za/new/room-1-cassablanca-executive
Attachments (2)
Screenshot_20210119-065753_Firefox.jpg Screenshot_20210119-065753_Firefox.jpg
Screenshot_20210119-065815_Firefox.jpg Screenshot_20210119-065815_Firefox.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#socialmedia {

    z-index: 1000;

}


Regarding your mobile issue, may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
louisdadj
louisdadj
Accepted Answer Pending Moderation
0
Votes
Undo
I copied the CSS coding ... still no luck. The modules are still showing once the page loads on the mobile device. The second you start scrolling it disappears.
I forwarded the login details as requested.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

I have moved the suggested CSS to your Custom CSS field and should now be effecting your icons correctly.

The issue with the side column modules should also be amended.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!