• Resolved kgueter1

    (@kgueter1)


    I have a staging site on which I installed and tested everything before putting my website “live”. On the production version, the display of the logo and front page slider images are larger/distorted and the result is the left and right side of the slider images get cut off.

    I’ve done some basic troubleshooting (verifying all the same customizations, versions, etc.) but I can’t seem to find the problem. What else can I check? Here are the links to the production and staging sites (the staging site represents the correct “look” of the front page):
    https://www.purehoneytech.com/
    https://staging14.purehoneytechnologies.com/staging14/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Well, in the staging site you have selected “Force logo dimensions to…” in the production one, you haven’t.
    About the slider, they’re not distorted, since the aspect ratio is preserved, they can be enlarged, yes. This is because of the centering slider’s slides feature active. Disable it (under Responsive settings) and you’ll be fine.
    Ah, forgot, in the production site you still have that feature active, but you’re using a plugin (probably photon), which conflicts with that feature, and basically prevents it.
    Hope this helps.

    Thread Starter kgueter1

    (@kgueter1)

    Thanks very much d4z_c0nf, I was able to fix the aspect ratio of the slider by disabling the centering feature (don’t have photon plug in). However, I did have the force logo dimensions set the same on both production and staging so still haven’t solved that. Any other things I might try? Thank you again.

    Sorry I meant you have photon active from jetpack in the staging:
    <script type='text/javascript' src='https://staging14.purehoneytechnologies.com/staging14/wp-content/plugins/jetpack/modules/photon/photon.js?ver=20130122'></script>
    About the logo, same “problem”. Photon on the staging basically prevents some things and as side effect you can see the logo better. I suggest to use this css:

    .brand img{height: auto !important;}

    hope this helps

    Thread Starter kgueter1

    (@kgueter1)

    Ah, in Jetpack. From the description in Jetpack, photon seems useful so I activated it on production. The logo now appears as I expected it to.

    Thank you very much for your patience as this drags on. Any cautions against using photon I’d love to learn about them. I didn’t add the css since the photon activation fixed the problem.

    You’re welcome ??
    Well photon… basically customizr tries to grab pictures size values with jquery for some reasons:
    a) transitions effects on the logo header
    b) slides/image centering
    when photon is enabled those jquery function cannot get those values, so you cannot use the features above.
    Ironically these side effects are good for you, because you don’t want centered slides (you have text on them, and you always have to show it), and because you have a particular logo (size) which raised an issue. I think it will be fixed in the next theme release.
    Cheers

    Thread Starter kgueter1

    (@kgueter1)

    Cheers to you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Front page edges get cut off’ is closed to new replies.