• 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: https://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.