0
Welcome Guest! Login
0 items Join Now

Mobile Responsive Errors

  • Mobile Responsive Errors

    Posted 1 year 4 months ago
    • 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: 1 year 4 months ago by Shaun Callaghan.
  • Re: Mobile Responsive Errors

    Posted 1 year 3 months ago
    • 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
  • Re: Mobile Responsive Errors

    Posted 1 year 3 months ago
    • Thank you very very much. Problem solved.
  • Re: Mobile Responsive Errors

    Posted 1 year 3 months ago
    • Wendy's Avatar
    • Wendy
    • Rocketeer
    • Posts: 57
    • Thanks: 0

    Re: Mobile Responsive Errors

    Posted 1 year 3 weeks ago
    • 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
    • Wendy's Avatar
    • Wendy
    • Rocketeer
    • Posts: 57
    • Thanks: 0

    Re: Mobile Responsive Errors

    Posted 1 year 3 weeks ago
    • I am running Vermillion 1.1. How can I get an update to the latest version.

      Thanks,
      Wendy
  • Re: Mobile Responsive Errors

    Posted 1 year 3 weeks ago
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17029
    • Thanks: 880
    • Web Designer and Host

    Re: Mobile Responsive Errors

    Posted 1 year 3 weeks ago
    • 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 8)
    • David

      Forum Guide
      Please search forums before posting. Please include the Joomla version you are using and a link to the problem.
    • Wendy's Avatar
    • Wendy
    • Rocketeer
    • Posts: 57
    • Thanks: 0

    Re: Mobile Responsive Errors

    Posted 1 year 3 weeks ago
    • 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's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17029
    • Thanks: 880
    • Web Designer and Host

    Re: Mobile Responsive Errors

    Posted 1 year 3 weeks ago
    • 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 8)
    • David

      Forum Guide
      Please search forums before posting. Please include the Joomla version you are using and a link to the problem.

Time to create page: 0.255 seconds