Okay
  Public Ticket #502930
Header Slider cut off on mobile...
Closed

Comments

  • Kyle started the conversation

    I want the slider I have. I like the white stroked box around the "we are creative geniuses" part and the other header options don't have that. The problem I am having is when the site is viewed on mobile. Instead of sizing down the text and box around it, it's just cut off. Please see screen shots attached. Any help would be great!

  •  1,806
    Support replied

    Hi,

    Please add this style to h1:

    word-break: break-all;

    Regards

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Kyle replied

    Sorry to bother you, could you please elaborate on how to do this. I know, your probably think i am dumb.. But please explain? Thank you so much! this is very important to me.

  •  1,806
    Support replied

    it\'s a CSS instruction

    h1 {

    word-break: break-all;

    }

    and you can add it in theme options Styling Options -> Custom CSS

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Kyle replied

    Thats great and all... I mean it works.. But is there a way I can separate words in a more logical way. Too many random letters just hanging when they need to move to the following line. Please see screenshots. I have done my reserch and cant seem to come up with a solution. Thank you :)

  •  1,806
    Support replied

    Hi,

    Add the style inline only to the h1 form the home hero page and remove them form custom css.


    Regards

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Kyle replied

    I am still having trouble. Could you explain better on what to do and what to add.. where to add it..

  •  1,806
    Support replied

    Hi,

    step 1: remove the h1 styles you previously added from custom css

    step 2: go to home section page, edit the content and add the style to the h1 element:

    word-break: break-all;

    so inline style

    that\'s all you need to do.


    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy