Joomla Templates Club 406,261 posts

[optimized Friend optimizedJoin date: July 2010Posts: 34Downloads:0Uploads:6 Thanks: 2]

#200494

As you can see this is a very simple website but the images overlap the text for the Home page on mobile devices.

How do we correct this issue?

Thanks,

Mike

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#545956

Hi Mike,

This is not bug from our product, I see on your site is setting 4 Custom HTML modules in home page. JA Sugite template supports responsive layout (using Bootstrap 3: here), if you wish to run responsive with module custom html, you have to add css class from Bootstrap or define new class into modules class suffix in module, see the screenshot

Or you can use some css class suffix have been defined on JA Sugite template: row-feature-secondary, row-feature-bg… more details for reference here

Regards

---

Attachments:

1. 

[optimized Friend optimizedJoin date: July 2010Posts: 34Downloads:0Uploads:6 Thanks: 2]

#546255

Hi, I am not trying to do anything clever here.

In the default Spanish template I have used 2 positions – see attached screen shot – but on mobile devices the text overwrites the image.

I should not need any module suffixes to make the work – it should be part of the mobile template.

I am more than happy to send you the admin or cpanel details to fix this issue.

Regards,

Mike.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#546316

HI Mike,

I just changed directly on your site from custom html modue with image set width: 100% but I see other css conflict from plugins/system/ytshortcodes/assets/css/shortcodes.css file, please find and remove it

.col-lg-6 {
width: 50%;
}

the problem in mobile layout will be resolved, see the screenshot

---

Attachments:

1. 

[Author]

Posts