Mobile Responsive Errors
-
-
- Shaun Callaghan
- Jr. Rocketeer
- Posts: 28
- Thanks: 0
-
Hi there,
I trust you are keeping well?
Please may i request some assistance regarding the mobile view of my clients website www.spyshopsa.co.za
There seems to be a very strange scrolling option on the mobile version.
If you go and view www.spyshopsa.co.za with your phone, you will notice you can scroll to the far right, which is wrong!
Could you provide some feedback on how to edit this problem?
Attached are your login details and images are the mobile view.
Thank you - Last Edit: 6 years 8 months ago by Shaun Callaghan.
-
-
-
- Reggie Simmons
- Preeminent Rocketeer
- Posts: 5200
- Thanks: 530
-
You have this in your rt_graffito/index.php file:
<div style="position: absolute; top: -146px; overflow: auto; width:1255px;"><h3> </h3></div>
If you remove that, you shouldn't have this problem anymore. -
The following users have thanked you: Shaun Callaghan
- Kind regards,
Reggie
Learn to code for free.
www.freecodecamp.org
-
-
-
- Shaun Callaghan
- Jr. Rocketeer
- Posts: 28
- Thanks: 0
-
-
-
- Reggie Simmons
- Preeminent Rocketeer
- Posts: 5200
- Thanks: 530
- You're welcome!
- Kind regards,
Reggie
Learn to code for free.
www.freecodecamp.org
-
-
-
- Wendy
- Rocketeer
- Posts: 57
- Thanks: 0
-
Please may I request some assistance regarding the mobile view of teh showcase-a slider and menu display for my client's website
southernoregonguild.org
mobile showcase-a slider:
There is a problem where the showcase-a slider's image will not get smaller, sub-text will not display and the title is not responsive on the mobile phone version, ipad size appears fine.
mobile menu:
I would also like to go to the hamburger menu when on mobile devices.
Please view southernoregonguild.org/artist.html with your phone, you will notice responsive is not working!
Could you please provide some feedback on how to edit this problem?
Attached are your login details and images are the mobile view.
Thank you,
Wendy Huber
-
-
-
- Reggie Simmons
- Preeminent Rocketeer
- Posts: 5200
- Thanks: 530
-
Hello Wendy,
You can access the latest Vermilion by purchasing it here (select the blue "Purchase Vermilion - $34 button):
www.rockettheme.com/joomla/templates/vermilion
You can then post for support via our Vermilion forum:
www.rockettheme.com/forum/joomla-template-vermilion - Kind regards,
Reggie
Learn to code for free.
www.freecodecamp.org
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi Wendy,
The template was designed to hide sub-text on mobiles. This is because the image height is reduced on small screens and there just isn't enough space to include everything.
There is also a file called demo.less in the template's less directory. Can you rename to less.bak and see if that improves the resizing.
The only other suggestion I can make is to have two versions of the module. One designed to suit desktop and larger and the other for phones. This way you create landscape images for the former and portrait images for the latter.
After that it is a case of adding your own custom overrides in the roksprocket folder in the template to get text sizes as you want.
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- Wendy
- Rocketeer
- Posts: 57
- Thanks: 0
-
Thank you David,
Do you have documentation on how to apply a second module for mobile on how to make it apply when viewed on mobile?
Do you have a sample of an override that would work for this problem?
Thank you for your time.
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi Wendy,
In the module admin go to the advanced tab and in the field Module Class Suffix simply add visible-phone and it will be displayed on phones. This means you have to hide the original module on phones by doing the sam to the original but use hidden-phone.
That way the correct module appears on the correct device.
You can see a live sample using the link below...
torquayladiesnight.co.uk/
While this is a different template, the above solution is how I solved the problem on that live site.
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
Time to create page: 0.055 seconds