Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • locofede Friend
    #197146

    Hi all,
    can we have varable height in grid layout for mobile view. I have created new content type but due to my content is very large its cutt off in mobile views.

    Pls help.

    Thanks in advance.

    chavan Friend
    #532688

    can you please post your site Url and a screenshot of the issue. This would be better for us to check in a better way.

    locofede Friend
    #532692

    Hi,
    well right now my site is under developement and its runing local. screen shot is attached.


    1. phone
    chavan Friend
    #532693

    since this is a css fix, I need to check it on your site. please post your in a development server and post your site Url.

    locofede Friend
    #532694

    ok as i will live the site I will give you access. well I know this is a css problem since height is fixed for title and content because grid height is fixed. if you will let me know how to make height variable I will try to fix.

    locofede Friend
    #532695

    well we have the same problem on demo site also.

    locofede Friend
    #532703

    hi chavan,
    I have PM site access. Pls have a look.

    swissa Friend
    #532706

    Don’t post passwords here or you’ll be hacked. Do it via a PM.

    locofede Friend
    #532710

    thanks swissa,
    I have deleted credentials from post and done PM.

    chavan Friend
    #532799

    go to this File: /templates/ja_fixel/css/custom.css

    1. remove this code


    .fixel-grid .overlay article .item-desc { /*background: rgba(0,0,0,0.75);*/ background:transparent; bottom: 0px; top:0; color: #fff ; left: 0; position: absolute; padding:60px 35px 10px; right: 0; vertical-align: middle; }

    Find and remove this code too.


    .fixel-grid .overlay article .readmore{ bottom: 10px; float: right; position: absolute; right: 35px; }

    Add this code

    @media (min-width: 1200px){

    .fixel-grid .overlay article .item-desc {
    /*background: rgba(0,0,0,0.75);*/
    background:transparent;
    bottom: 0px;
    top:0;
    color: #fff ;
    left: 0;
    position: absolute;
    padding:60px 35px 10px;
    right: 0;
    vertical-align: middle;
    }
    .fixel-grid .centered article .readmore{
    bottom: 15px;
    float: right;
    position: absolute;
    right: 15px;
    }

    }

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

This topic contains 10 replies, has 3 voices, and was last updated by  chavan 10 years ago.

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