Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Pankaj Sharma Moderator
    #1027048

    Hi
    Add below code in /css/custom.css file

    
    .manufacturer .spacer img {max-width:100%}

    save and check the site.
    It will fix the issue.

    Regards

    sky Friend
    #1027105
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #1027109

    Hi
    This is not an issue, the item will move below when the screen size is low and it does not fit in it.
    There are 3 items when screen size goes lower one item goes to 2nd line and when it further reduce only one item in one line.

    If you want to show 3 items in same line add below code in custom.css

    @media(max-width: 480px){ .manufacturer-view-default .row div[class*="width"] { width: 30%!important;  }}
    

    Regards

    sky Friend
    #1027119
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #1027132

    Hi
    Kindly check your custom.css file, you have extra braces that is why the code is not working.
    Check the files correct the syntax and load site again.

    Regards

    sky Friend
    #1027154
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #1027167

    Hi
    Add float:left in the same code

    example
    .manufacturer-view-default .row div[class*="width"] { width: 30%!important; float: left; }

    Save and check.
    Regards

    sky Friend
    #1027177

    it works as expected now. thanks for the great support.

Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 8 replies, has 2 voices, and was last updated by  sky 7 years, 7 months ago.

The topic ‘responsive layout issue’ is closed to new replies.