Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 25, 2021 at 4:52 pm #1322289
    sldeutsch

    Hi-

    This is a rookie question – I had some help with some CSS code to fix an issue with how images were aligning at the top of my page. I’m pretty sure it was this: 

    #search-5 #searchform>div {
    height: 37px;
}

#search-5 {
    padding: 30px 0 10px 0;
}

    So, I have an exact duplicate of my site on a dev site – I even checked the CSS for what might be different, and I found nothing, and yet, I’m getting different results, but only a few pages – ones that include /cart/ – and only incorrect on the dev site! It’s probably ‘no big deal’ but I need them to match so that I don’t do something stupid and mess things up. here are my examples:

    https://tssdevsite.xyz/cart/
    https://www.thestrapsaver.com/cart/

    the second link is correct- and on the dev site, it remains “incorrect” throughout the rest of the checkout flow. Is there a quick explanation to this? Am I just going crazy? :) I mean, that’s probably true, but I’ll take any other explanation as well!

    Thanks,
    Shari

    September 26, 2021 at 10:55 pm #1322385
    Mike

    Hey Shari,
    Thank you for the link to your sites, I looked at both but I don’t see any difference in the top search field between the two sites.
    I see that the rules above are working on both sites.
    2021-09-26_004.png
    Please compare to this screenshot.

    Best regards,
    Mike

    September 27, 2021 at 2:56 am #1322394
    sldeutsch

    Thanks for reviewing this, Mike! I may not have put the right code on there, but the issue is with the ribbon. I got the code to fix it in https://kriesi.at/support/topic/header-issue-with-4-8-5/.

    Here’s what I’m seeing:

    Prod site (showing correctly):

    Test site (not correct):

    The ribbon is higher on the test site, but only on the /cart/ pages.

    Hopefully that helps!

    Thanks,
    Shari

    • This reply was modified 3 years, 2 months ago by sldeutsch.
    September 27, 2021 at 1:27 pm #1322489
    Mike

    Hi,
    Thank you for the screenshots, I understand better now but I still don’t this on my end, I checked with Chrome, Firefox, & Edge on Windows 10.
    2021-09-27_003.png
    I also tested at different screen sizes 1024px-2500px and the only time I saw the ribbon move up was around 990px but your mobile menu was also activate so I don’t think this is what you are seeing.
    If you are using Safari please review this article about clearing your browser cache, and note step 4 to Clear your History.

    Best regards,
    Mike

    September 28, 2021 at 2:41 pm #1322641
    sldeutsch

    Well… darn it. I was in incognito (in Firefox) and I thought that was enough. I should have checked another browser! I cleared my cookies…. and all is well.Definite rookie mistake. Solved. Thank you for your help!!

    Shari

    September 29, 2021 at 8:13 am #1322736
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 29, 2021 at 2:33 pm #1322816
    sldeutsch

    Please close it, but know now that I’ve got these two in sync, I’m going to be making other updates, so I’m sure more questions will be headed your way :) :) Thanks again!!

    September 30, 2021 at 6:01 am #1322934
    Rikard

    Hi,

    Thanks for the update. If you should have any further questions, then you can create new threads. I’ll close this thread for now.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Same CSS, different results?’ is closed to new replies.