Advertisement
Back to the Top icon does not show well in mobile
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
-
- Joomla! Enthusiast
- Posts: 118
- Joined: Fri Dec 26, 2014 12:35 am
Back to the Top icon does not show well in mobile
Hi Folks, I hope you are doing well
My back to the top Icon shows off the screen, to the right, on mobile devises.
I have looked for the CSS to fix this but I cannot figure it out.
Can someone please help me?
www.murallesrealestate.com
Thank you very much
Jorge Muralles
My back to the top Icon shows off the screen, to the right, on mobile devises.
I have looked for the CSS to fix this but I cannot figure it out.
Can someone please help me?
www.murallesrealestate.com
Thank you very much
Jorge Muralles
Advertisement
- ceford
- Joomla! Hero
- Posts: 2958
- Joined: Mon Feb 24, 2014 10:38 pm
- Location: Edinburgh, Scotland
- Contact:
Re: Back to the Top icon does not show well in mobile
user.css container-bottom-a has margin-left set to 18% (line 116).
-
- Joomla! Enthusiast
- Posts: 118
- Joined: Fri Dec 26, 2014 12:35 am
Re: Back to the Top icon does not show well in mobile
Thank you very much for the help.
I removed that line and it looks like it fixed the main page:
https://www.murallesrealestate.com/list ... ropiedades
I looked for any lines of code in my mobile styles and did not find anything that could be causing the problem but on this page, the back to the top icon still shows to the right, off the screen
That is when I am using my phone
https://www.murallesrealestate.com/list ... ropiedades
It is weird
Thanks for the help
Jorge Muralles
I removed that line and it looks like it fixed the main page:
https://www.murallesrealestate.com/list ... ropiedades
I looked for any lines of code in my mobile styles and did not find anything that could be causing the problem but on this page, the back to the top icon still shows to the right, off the screen
That is when I am using my phone
https://www.murallesrealestate.com/list ... ropiedades
It is weird
Thanks for the help
Jorge Muralles
- ceford
- Joomla! Hero
- Posts: 2958
- Joined: Mon Feb 24, 2014 10:38 pm
- Location: Edinburgh, Scotland
- Contact:
Re: Back to the Top icon does not show well in mobile
The problem is the pagination which is wider than the mobile screen. The best solution is to allow the page select buttons to wrap. In user.css starting at line 120 add this rule: flex-wrap: wrap; You can try that by typing directly into your browser Developer Tools, Inspector.
-
- Joomla! Enthusiast
- Posts: 118
- Joined: Fri Dec 26, 2014 12:35 am
Re: Back to the Top icon does not show well in mobile
This is fantastic!!!
Thank you very much
Jorge
Thank you very much
Jorge
-
- Joomla! Enthusiast
- Posts: 118
- Joined: Fri Dec 26, 2014 12:35 am
Re: Back to the Top icon does not show well in mobile
I am sorry to bug you.
I seem to have the same problem on this page and cannot target the code to fix it
https://www.murallesrealestate.com/registrarse
I really appreciate the help
Thank you very much
Jorge Muralles
I seem to have the same problem on this page and cannot target the code to fix it
https://www.murallesrealestate.com/registrarse
I really appreciate the help
Thank you very much
Jorge Muralles
- ceford
- Joomla! Hero
- Posts: 2958
- Joined: Mon Feb 24, 2014 10:38 pm
- Location: Edinburgh, Scotland
- Contact:
Re: Back to the Top icon does not show well in mobile
You have an input form with the label Direccion that has a size value of 50. That makes it too wide for the page. Try a value of 30.
-
- Joomla! Enthusiast
- Posts: 118
- Joined: Fri Dec 26, 2014 12:35 am
Re: Back to the Top icon does not show well in mobile
Hi there, thank you so much for the help.
Could you please guide me to where that code is?
Could you please tell me what code I should add to my custom css file
Thanks
Jorge Muralles
Could you please guide me to where that code is?
Could you please tell me what code I should add to my custom css file
Thanks
Jorge Muralles
- ceford
- Joomla! Hero
- Posts: 2958
- Joined: Mon Feb 24, 2014 10:38 pm
- Location: Edinburgh, Scotland
- Contact:
Re: Back to the Top icon does not show well in mobile
I can't help because the Registration form seems to be from DJ Classified which is a third part extension I am not familiar with. Look in the extension settings and/or ask the extension provider.
-
- Joomla! Enthusiast
- Posts: 118
- Joined: Fri Dec 26, 2014 12:35 am
Re: Back to the Top icon does not show well in mobile
Thank you very much.
I will ask the developer.
Jorge Muralles
I will ask the developer.
Jorge Muralles
Advertisement