test
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • optimized Friend
    #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
    #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


    1. module_class_suffix
    optimized Friend
    #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.


    1. positions
    Ninja Lead Moderator
    #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


    1. mobile_layout
Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 2 voices, and was last updated by  Ninja Lead 10 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum