Home Forums Pro Themes eVision Corporate Pro Responsive behaviour in Team Members with iPad

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #2958
    Samuel
    Participant

    Looking at our dev site www3.itinforma.se with an iPad and scrolling down to team members the layout is not that great. I have a screen shot to visualise it but it seems that I cannot attach the screenshot to this topic. The test was done by an iPad Air2. The Team member Loann Cronqvist should be aligned left and not at right as the screen shot visualise. The screenshot will also be sent to your info-mail.

    #2966
    wensolutions
    Keymaster

    Hello @Samuel

    Currently your problem can be solved by adding few lines of custom CSS.
    To add custom CSS go to Admin Panel / Appearance / Customize / Theme Options / Custom CSS Options.
    In this section you will see a box to write custom CSS. Copy and paste below custom CSS in that box.

    
    @media screen and (max-width: 1024px) and (min-width: 992px){
        .block-member .thumb-circle-detail h3{
            font-size: 15px;
        }
    }
    @media screen and (max-width: 991px) and (min-width: 768px){
        .block-member .thumb-circle-detail h3{
            font-size: 11px;
        }
    }
    

    Let us know how it goes.
    Best Regards!!!!

    #2998
    Samuel
    Participant

    Thanks, that was an easy solution. I also found out that the team members full name was to long to fit into one line and te object made a word-wrap and then causing this problem.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.