Header resizes upon scrolling on mobile device

[Jon]

Hi,

When scrolling on a mobile device (in this case iPhone5) the header is resizing, how can I change this? I’m guessing it’s related to the sticky header but if I go to Theme Options > Header Options > Logo Resized Width this doesn’t seem to help.

I have attached a mobile screen shot to show the problem.

Thanks

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

First of all, you’re using a child theme incorrectly, you’ve just copied all of the parent theme.

Child themes are only for additional changes, it already uses everything from the parent theme. You should only have a style.css file with your css changes.

Please fix this and see if the problem persists

– Kyle

[Jon]

Ok I dont really understand what you mean? All i did was create a new folder called dante-child and copied over the style.css file from the dante theme.

Are you saying I should have created a new blank style.css in the child theme and just left the one in the original Dante untouched?
Thanks

[Kyle – SUPPORT]

This is what the child theme style.css should look like before you add any custom css:

https://www.dropbox.com/s/99p8ppa94wbb82d/style.css?dl=0

Then all custom css goes after the @import line

– Kyle

[Jon]

Thanks that explains lots. It has solved my issue, I just now have a million other problems to sort!

Thanks for the help

[Kyle – SUPPORT]

No problem