Mobile Screen Slider Text and Button


Hi Everyone,

My site is

I am experiencing display incompatibility on my iphone showing the slider text and button. I manually changed location and size of .header-slider-text via CSS, however, it changes the setting on all sizes of screen. And even after i add more codes of @mobile only, it doesn’t work.
Please help me with the code to change the location and font size of slider text on the screen of max-width 320px.



Anyone can help me on this?
And any issue came out where the background covers the header slider on mobile device…
Please advise


Hello there,

I would like to apologize in advance for the delayed respond.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin?

@media only screen and (max-width: 320px){
  .header-slider .text-slider-section{
    left: 0;
  .text-slider .maintitle {
    font-size: 20px; 
  .text-slider .subtitle {
    font-size: 18px;
    padding-bottom: 20px;

Let me know how it goes. I’ll wait to hear back from you regarding your stats.



Hi Kharis,

It doesn’t really work. Not sure why.

Please take a look.



Hello there,

Thank you for updating me.

Could you please try to clear your browser’s cache before reloading your site? Also please try to open in other browsers.

Try to clear your site’s cache if your site has a cache plugin enabled like W3 Total Cache.

Let me know how it goes.




It works! Thank you so much for the help. You may mark this as resolved.

I am having one more background image issue and i will start a new post to make it organized.

Thanks again.


Hello there,

Thank you for updating me. I am glad to know that helped.