• Resolved JTS_IL

    (@jts_il)


    Hi,
    I seems that on iPhone 4, the header is positioned about 20px left out of the screen.
    couldn’t find the origin of this issue, but adding left : 0 after this style="height: auto; top: 46px;
    directly to the inline header style fixed it.

    Checked it both on RTL and LTR lang based site.

    Is it a bug?
    What is the correct solution in css?

Viewing 4 replies - 1 through 4 (of 4 total)
  • IT SHOULD RESIZE autmatically so there is something else that pushes the page out

    Share a link and remove the code you added in CSS and someone shoul dbe able to helpl

    Thread Starter JTS_IL

    (@jts_il)

    10X Stellamaris5

    removed all css changes from advanced options, renamed style.css to style.css1, everything works fine
    renamed back to style.css with no content except the header, same problem again.

    🙁

    BTW
    It was quite foolish not to add a link to my site: http://www.glezer.co.il

    Hi,
    I think the problem is related to the changes you’re doing to the css. Something about the way you’re loading ( that import ..) overwriting css.
    Anyway, I think, the problem is that this rule:

    @media (max-width: 767px){
    body {
    padding-left: 20px;
    padding-right: 20px;
    }}

    is overriding this rule:

    @media (max-width: 767px){
    body {
    padding-left: 0;
    padding-right: 0;
    }}

    Normally, in customizr, happens exactly the opposite (probably the first rule is a bootstrap rule, then customizr overrides it)
    If you cannot solve this issue then you can:
    1) rewrite the second rule in your child-theme style.css so it will override the first…
    or
    try with
    2) .tc-sticky-header {left: 0;}

    hope this helps

    Thread Starter JTS_IL

    (@jts_il)

    As always – You are right 🙂
    changing this rule

    @media (max-width: 767px){
    body {
    padding-left: 20px;
    padding-right: 20px;
    }}

    to

    @media (max-width: 767px){
    body {
    padding-left: 0px;
    padding-right: 0px;
    }}

    Solved the issue.

    about the import – I read somewhere that it’s not the best practice, how do you recommend to do it?
    If possible – I want to have a thin RTL version of tc_common, that has only the RTL relevant rules.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Header position on iPhone4’ is closed to new replies.