Heading size on mobile

I have added the following code but it’s not resizing the text on the slider.

@media only screen and (min-device-width : 320px)and (max-device-width : 480px)
.text-slider .maintitle {
font-size: 50% !important;
}

Also… how do I remove the black header that appears on mobile devices, as it’s a single page site with no need for a menu

Hello there,

Try to apply the following:

@media only screen and (min-device-width : 320px)and (max-device-width : 480px){
  .text-slider .maintitle {
    font-size: 50% !important;
  }
}

> how do I remove the black header that appears on mobile devices, as it’s a single page site with no need for a menu

Try to apply the following:

@media only screen and (max-width: 991px){
  
  .site-header{
    background-color: transparent !important;
    height: 0 !important;
    padding: 0 !important;
  }
  
  .site-header .row,
  .site-header .col-md-4{
    height: 0;
    overflow: visible;
  }
  
  .site-header .col-md-4{
    position: relative;
    z-index: 9;
  }  
  
  .site-header .col-md-8{
    display: none;
  }
  
}

Let me know how it goes.

Regards,
Kharis

1 Like

Yes! (I think - it does in Chrome so fingers crossed!)

Its was only a small thing but one I needed to resolve before go-live tomorrow.

The other last thing is to make the boxes containing the timeline items much smaller.

How can I control the width?

The left hand column needs to be right aligned next to the icon

The outer box needs to fit the text plus a bit of padding…

Very last thing -
Can you give me the css to show the clients in a list its a mobile like it does for the timeline when thats shrunk to iOs portrait size… I want the client logos one on top of the other .

Thanks!

Is this doable?

Thanks!

Hello there,

This file https://www.dropbox.com/s/1yaurner74asmso/Screenshot%202016-04-07%2013.32.11.png?dl=0 can’t be loaded here. As an alternative, could you please share it to https://cloudup.com instead?

If it is possible, please share your site’s URL here so I can have a closer look. If you want it to remain private you can send it to my email at kharisblank at gmaildotcom; enclose the link to this thread if you do so.

Regards,
Kharis

Thanks for the header main title size code for mobile, very helpful!

You’re welcome @julie-hagenbuchgmail!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis