difference in display on Iphones

  • marcinw
    Active member
  • Topic Author
  • New Member
  • New Member
More
21 hours 56 minutes ago #51688 by marcinw
This message contains secure information
Attachments:

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
20 hours 36 minutes ago #51689 by milos
Hello,

Such problems are not related to the device type. They are related to the width of the screen.

1. Edit file /media/templates/site/pub/css/custom.css and around line 357 delete this:
Code:
.mp_bottom3 .moduletable { margin-top: -100px; }

2. You can edit the row settings in the Sparky Page Builder and experiment with the settings "Columns on Tablet" and "Columns on Phone". Try to set the first to 2 and the second to 1. More info www.hotjoomlatemplates.com/sparky-page-b...ion/page-layout/rows

After change, if you test on a mobile device, you should clear the cache of the mobile device's browser to see the changes.

Regards,
Milos

Please Log in to join the conversation.

More
16 hours 9 minutes ago - 15 hours 49 minutes ago #51690 by patrickbmccabe
I also have a "difference in display on Iphones",
On My Mobile the Text in the "Hot Swipe Carousel" on the home page The "Slide Text" does not Hover above the image, but appears below in the next row.

Is there something I can change to fix this?

Also! Where is the Menu on the Mobile? 
78.153.209.37/plesk-site-preview/brianad...153.209.37/index.php
When I open this site on my Mobile there is NO MENU!! 
Last edit: 15 hours 49 minutes ago by patrickbmccabe. Reason: I forgot to add detail

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
14 hours 44 minutes ago #51691 by milos
Hello,

The text on small mobile screens can't hover over the image, because the image becomes too small. If the text is so small, it would not be readable. Therefore, we are moving it below the image.

The menu is under the logo. To fix this edit the file /media/templates/site/pub/css/custom.css and around line 425 change this:
Code:
.logorow > .sparky_container > .sparky_cell:nth-of-type(1), .logorow > .sparky_container > .sparky_cell:nth-of-type(3) { width: 40% !important; }

with this:
Code:
.logorow > .sparky_container > .sparky_cell:nth-of-type(1), .logorow > .sparky_container > .sparky_cell:nth-of-type(3) { width: 80% !important; }

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.279 seconds
Powered by Kunena Forum