Okay
  Public Ticket #1374373
responsive design
Closed

Comments

  • Alexandra started the conversation

    Hello,

    I would like to ask if it is possible to minimize the white window containing text on mobile devices in Fullscreen page mode. It is perfect on desktop screens, but on mobile devices, the window covers considerable amount of the mobileĀ“s display, please see the attached screenshot. Is it possible to add some "minimize the text on mobile device" feature? Thank you for your help.

    {"wp":{"use":false,"adminUrl":"https://www.molnar-peracek.sk/portfolio/rodinny-dom-premantura/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

  •  1,560
    Laborator replied

    Hi Alexandra,

    You can't minimize it, but what you can do is reduce the padding around the text, by adding the following CSS to Custom CSS:

    @media screen and (max-width: 992px){
        .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
            padding: 10px;
        }
        .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo h3 {
            font-size: 20px;
        }
    }

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group