Okay
  Public Ticket #2289952
Non-responsive portfolio title on mobile
Closed

Comments

  • Art started the conversation

    Hi guys,
    I need a couple of help:
    1) the title (name) of the projects on the mobile is not responsive and "enlarges" the page. How can I make the title responsive?

    2) Is it possible to make the preloader faster? I fear that the user loses focus.

    Thank you for your support.
    Art

  •  1,974
    Support replied

    Hello Art,

    1. to modify the font attributes on mobile for the fullscreen slider:

    @media only screen and (max-width: 767px){
        .title, #showcase-carousel-slider .outer .title {
             font-size: 50px;
             line-height: 80px;
             height: 80px;
        }

    }

    in customizer -> additional CSS

    2. look in /js/scripts.js for the following lines

    time = ((EstimatedTime/1000)%50) * 50

    line 44

    and

    durataion = time + 400;

    line 56

    lower the values for these assignments

    hard refresh the page (Ctrl+F5) to see the changes

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Art replied

    Hi guys,

    1) thanks for giving me the code. Unfortunately, however, the size of the title only affects the home page, instead the titles should also be responsive on each project page. Can you help me once again?

    2) thanks also for this. This works.

    Art

  •  1,974
    Support replied

    Hi Art for project pages you have

    @media only screen and (max-width: 767px){

        .hero-title, .page-title {
            font-size: 50px;
            line-height: 80px;
        }

    }

    and change the font attributes as you wish

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Art replied

    Thank you for you fast help.
    Art