Responsive- header page

talknsave · May 2016

Hi I have a problem with the responsive on the header title

Here is screenshot- http://screencast.com/t/p0ssfEwCzt

Here Is my page- http://talknsave.us/2/up-to-14-days

What you suggest to do?

Thanks!!!

Albert · May 2016

Hi,

the only thing you can do is replace subheader image with background color on mobile. To do this, you need to use an extra css:

@media only screen and (max-width: 767px) {
    #Subheader { background: #000 !important; }
}

talknsave · May 2016

But I want to cancel the huge padding, not just to change the color

What to do?

Albert · May 2016

Sorry but we don't get it how exactly you want to do this. Do you mean to hide subheader on mobile then? Would be great if you can show us on screenshot how exactly you want to do this.

talknsave · June 2016

Thanks verey much!

I want to receive something like this result:

http://screencast.com/t/cbo4up94y2

Albert · June 2016

Ok. So to get similar subheader on mobile, you need to use the following css:

@media only screen and (max-width: 767px) {
    #Subheader .title {
        font-size: 20px;
        line-height: 20px;
        padding: 0 !important;
    }
    #Subheader { padding: 35px 0 !important; }
}

talknsave · June 2016

Thanks for the help!!!!

It's work perfect!!!!!

Albert · June 2016

You are welcome!

Responsive- header page

Comments