Responsive problems mobile

  • Resolved beatsuka

    (@beatsuka)


    4 years ago

    Hello and thanks for a fun theme

    I installed the theme monday on a new site i’m building and am running into a few issues with mobile responsive for certain contents.

    For example on this site: https://hjaltia1.sg-host.com/hvesta-3/ and other with same template
    I create new page > use templates that give this big number greyed out behind a text and more.
    The big number and text on it and under it is not responsive so it cuts of on mobile narrow view

    I then add a slider block for images since gallery will not work on some apple devices (images overlap eachother and text when using gallery) – but the slider is not responcieve enough so it starts cutting off at around 650px and is just party visable after that.

    Can anyone help me get this sorted please?

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • danamv

    (@danamv)

    Hi @beatsuka,

    I have checked your site on my mobile, but the slider seems to be working well. Can you please provide a screencast of this issue?

    Also, we usually do not provide custom coding, but we will consider it this time. To make the ‘2020’ text responsive, please try adding the following code into Customizer -> Additional CSS: 

    @media (max-width: 500px){
#wp-block-themeisle-blocks-advanced-heading-002152ca {

   font-size: 156px !important;
}
}

    You can change that value (156px) to suit your needs.

    Please let us know if this worked and if you have any questions.

    Thread Starter beatsuka

    (@beatsuka)

    Hi @danamv

    Thank you for this code, it worked great (atleast as far as I can tell it fixed all the issues I know off at this moment)
    Even fixed the slider issue on mobile!

    Appriciate your help greatly

    danamv

    (@danamv)

    Hi @beatsuka,

    I’m glad I was able to help.

    Have a good day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive problems mobile’ is closed to new replies.