difference in display on Iphones

marcinw
Inactive member
Topic Author
New Member

1 month 1 week ago #51688 by marcinw

difference in display on Iphones was created by marcinw

This message contains secure information

Attachments:

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 month 1 week ago #51689 by milos

Replied by milos on topic difference in display on Iphones

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.

patrickbmccabe
Active member
New Member

1 month 1 week ago - 1 month 1 week ago #51690 by patrickbmccabe

Replied by patrickbmccabe on topic difference in display on Iphones

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: 1 month 1 week ago by patrickbmccabe. Reason: I forgot to add detail

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 month 1 week ago #51691 by milos

Replied by milos on topic difference in display on Iphones

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

The following user(s) said Thank You: patrickbmccabe

Please Log in to join the conversation.

patrickbmccabe
Active member
New Member

1 month 1 week ago #51692 by patrickbmccabe

Replied by patrickbmccabe on topic difference in display on Iphones

Thank you VERY Much Milos.

Is there any way that I can show DIFFERENT images on a mobile?

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 month 1 week ago - 1 month 1 week ago #51693 by milos

Replied by milos on topic difference in display on Iphones

Hello,

Using different images on mobiles is not possible for the Hot Swipe Carousel module.

This is possible with this module www.hotjoomlatemplates.com/joomla-extens...el-hot-full-carousel but on the other side, it doesn't have some other features that are available in Hot Swipe Carousel.

Regards,
Milos

Last edit: 1 month 1 week ago by milos.

Please Log in to join the conversation.

Time to create page: 0.197 seconds