Advertisement

Back to the Top icon does not show well in mobile

General questions relating to Joomla! 5.x.

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
Post Reply
jorgemuralles
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 118
Joined: Fri Dec 26, 2014 12:35 am

Back to the Top icon does not show well in mobile

Post by jorgemuralles » Fri Dec 06, 2024 6:27 pm

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

Advertisement
User avatar
ceford
Joomla! Hero
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

Post by ceford » Fri Dec 06, 2024 8:22 pm

user.css container-bottom-a has margin-left set to 18% (line 116).

jorgemuralles
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 118
Joined: Fri Dec 26, 2014 12:35 am

Re: Back to the Top icon does not show well in mobile

Post by jorgemuralles » Sat Dec 07, 2024 9:30 pm

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

User avatar
ceford
Joomla! Hero
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

Post by ceford » Sat Dec 07, 2024 10:49 pm

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.

jorgemuralles
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 118
Joined: Fri Dec 26, 2014 12:35 am

Re: Back to the Top icon does not show well in mobile

Post by jorgemuralles » Sun Dec 08, 2024 1:45 pm

This is fantastic!!!

Thank you very much

Jorge

jorgemuralles
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 118
Joined: Fri Dec 26, 2014 12:35 am

Re: Back to the Top icon does not show well in mobile

Post by jorgemuralles » Sun Dec 08, 2024 1:55 pm

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

User avatar
ceford
Joomla! Hero
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

Post by ceford » Sun Dec 08, 2024 3:51 pm

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.

jorgemuralles
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 118
Joined: Fri Dec 26, 2014 12:35 am

Re: Back to the Top icon does not show well in mobile

Post by jorgemuralles » Sun Dec 08, 2024 10:36 pm

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

User avatar
ceford
Joomla! Hero
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

Post by ceford » Mon Dec 09, 2024 9:54 am

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.

jorgemuralles
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 118
Joined: Fri Dec 26, 2014 12:35 am

Re: Back to the Top icon does not show well in mobile

Post by jorgemuralles » Mon Dec 09, 2024 1:13 pm

Thank you very much.

I will ask the developer.

Jorge Muralles

Advertisement

Post Reply

Return to “General Questions/New to Joomla! 5.x”