Slider not completely visible on Mobile

Dazzling
1

Thank you so much for this wonderfull theme, I just started using it and it looks great on a desktop/
However, on a cellphone or tablet the slider image doesn’t comletely show, I see just the bottom part of it and just part of the text in the colored bars.
Since I put text about the identity of the site in there I want it to fully show always.
IS there a way to do so?

www.truckersdag.nl

Thanks in advance

2

Hi @miranda,

I hope you are well today and thank you for your question.

I visited your shared site and saw the whole slider image is displaying but due to large slider text shown on it it’s getting hidden so to display it clearly we can reduce the slider text size by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

@media (max-width: 768px){
  #page .flex-caption *{
    
font-size: 12px;
  }

  #page .flex-caption{
    
bottom: 3px;
    
left: -24px;
    
right: auto;
  }
}

The output will be displayed on mobile device as shown in the attached screenshot.

Best Regards,
Movin

3

Hi Miranda, about your homepage, how did you make the image behind the slider text to be separate from the text? If I add slider text it appears the whole image behind is clickable…

4

@kauno The slider image by default displays behind the slider text as shown on this demo page https://colorlib.com/dazzling/

Are you getting any other result?

If yes then could you please share me your site URL where it’s happening so that i can troubleshoot it?

5

Thanks so much! It works perfect, I lowered the blue bar a bit more to make it flush with the bottom.

6

Hi, embarrasing, but I did not realize this thread was about different theme, Dazzling, and I am still with Sparkling. I thought Mirandas theme was modified Sparkling. Sorry.

I still have scaling issues with the text. Like I wrote the text and bar size now switches smaller in mobile, but I would have hoped the scaling to be linear, not like suddenly jumping to another size and moving upwards as I describe here:

https://colorlibsupport.com/t/scalingchange-size-of-the-slider-text-and-bars/#post-50947

Any solution to make the size linearly scalable? Should I change the font size to “%” or “em”?

7

@miranda You are most welcome here :slight_smile:

8

Hi @kauno,

Your question is not exactly related to this topic so to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/sparkling/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Thanks,
Movin

9

Dear Movin

I am still waiting a response on the other Sparkling thread I linked concerning linear scaling. Can you help in that?

10

Hi @kauno,

I have relied on your following topic.

https://colorlibsupport.com/t/scalingchange-size-of-the-slider-text-and-bars/#post-51432

Cheers,
Movin