SVG logo not shrinking upon scrolling

Hey RueNel,

Thank you so much for the detailed answer that’s very helpful.

  1. Thanks for the CSS work around attempt however the logo itself shrinks but doesn’t revert back after scrolling up again as you can see from my screenshots below. It’s pre-shrunk and still glitchy when scrolling… (cannot capture the glitch in a screenshot unfortunately as it’s quick but you can see it jump mid scroll)

Pre-scroll

Post scroll

I was sure that we were supposed to be able to carry out this function without the use of additional CSS.

1a) I forgot to ask in addition why I can’t seem to adjust the size of my logo in the native Pro settings too? I have always been able to adjust the size of my logo in my many previous X installs but Pro will not allow me to have a custom width without using CSS? Should I be able to adjust my logo size with Pro as a standard to void the above? I have two options “retina” or not - neither allow me to adjust the pixel width manually… :man_shrugging:

2.) You were right with the rev slider links problem - there seems to be outdated advice from theme punch which is the only info that comes up on google search :frowning: https://www.themepunch.com/faq/hyperlinking-post-based-sliders. Thank you for the fix, I have implemented this on my offline version and made some major tweeks so this entire slider in the staging area can be disregarded.

  1. R.E pHp version - that is correct on the live version but on my local servers I have pHp 7.2 so this leaves me scratching my head somewhat… it’s coincidental that this particular staging area is outdated but I’ve since updated to pHp 7.2 and increased my time limit to 300 yet still having the problems.
    This is indeed a bug in the Pro theme from what I can see in the forum and I’m not able to develop the front page further without deleting everything first.

  2. Using SuperFly with Pro header. I’m assuming that there is not a native way of achieving the superfly layout and functions in the Pro header without using SuperFly? If there is could you point me towards the relevant knowledge base?

  3. When under 750px or mobile view you will see that the logo aligns left for some reason. Is there a native control that allows me to align the logo in the centre the way it is supposed to be as I have my hamburger menu aligned left. This relates to question 4 of course because if there is a way to use Pro without SuperFly then I will do so.

Thanks for the heads up on skeleton mode! That’s very helpful and I do already utilise it however it’s nice to be able to use the full function in an ideal world particularly when you build offline like I do and everything is instantaneously responsive making build time much faster. I do not rely on internet speeds when building so this function should always work.

Many Thanks for all of your help in this matter.

Hey Jay,

  1. Yes, you won’t need CSS. There’s probably something causing the issue in your site as the image shrinking works in my test site. I’ve tested JPEG, PNG and SVG. In this screencast, I’m using SVG. We would really need to see your setup for us to continue investigating.

The Social element does not have a shrink feature and shrinking them would require custom development.

  1. We understand the the “Aggressive Caching” message is common but this is not a bug. It just means, there is something in the site causing that and the most common is of course, caching. Next one is third party plugins so you also need to try testing for plugin conflict. Low memory is also common so you need to increase your memory limit to 512mb.

If nothing helps, we would also need to check your site so you will need to give us WP Admin and FTP access.

  1. Yes, there is no native way to add Superfly to the header so this would also need custom development.

  2. Try setting your Bar’s Flex Layout > Horizontal to Center

The Header and Footer builders use Flexbox. In order to understand how the layout options work, you need to understand Flexbox. We have a tutorial for that in our Knowledge Base. The Flexbox tutorial is under the Element Resources section.

Lastly, please open separate threads for each topic because the longer threads get, it often becomes confusing. Let us keep this thread for the shrinking issue.

Thanks.

Hi Christian,

I have provided credentials so that you can investigate the problem further with acute details as to the problems that have arisen.

UPDATE FOR ANYONE EXPERIENCING PRO HEADER ISSUES:

Slider Revolution bundled with Pro/X is apparently causing Javascript issues in Pro as well as many other plugins out there from what I am witnessing.

FIX: Navigate to Rev Slider Global Settings: Select insert Javascript into footer - this will solve restricted functionality in the header builder.

CONCLUSION: There’s a very good reason why I highlight all issues in one thread making it easier to pin point what may be causing the problem.

  1. Fixed but not smooth in the slightest - glitchy in two movements. Initial shrink and rest of bar shrink. (js error above)

1a) resolved (js error above)

  1. Resolved (themepunch outdated links above)

  2. Unresolved - still having load issues on the page builder in Pro only (NOT X)

  3. Thanks for the info.

  4. Resolved using Christians method (Flex Layout > Horizontal to Center) - good if you’re left aligning hamburger menu.

Issues 1 (slightly) and 3 (high priority) remaining.

Many Thanks for your continued support.

2 days and no response?

Hey Jay,

We’re very sorry for the delayed response. There was a problem with our system.

1.) I duplicated your header to test why the Image Scaling does not work with SVG in your site and I discovered it’s because of SVG scaling. See https://youtu.be/SHzvJzrQWjk. SVG scaling is tricky and we could not discuss that as part of our support. But, I’ll post this in our issue tracker maybe our development team could enhance the Image Scaling feature in the future.

For now, you’ll need to use the CSS provided by @RueNel previously. The effect of the provided code is not smooth though because the transition value has a typo. I changed it to the code below so in order for the effect to be seen clearly and smoothly.

.x-bar .x-image.my-logo img{
    transition: all 0.4s;
}

.x-bar-fixed .x-image.my-logo img{
    transform: scale(0.7);
}

3.) I experienced the issue in your site. We would FTP access for this also in order for us to try some troubleshooting procedures.

Thanks.

Hi Christian,

Thank you for the temporary work around! I was pretty sure that I tested it with a jpeg and a png file too and it still didn’t work?

I’ve added a secure note with FTP credentials attached for you to investigate further. If you find the solution could you share it with me as I’m miles ahead on my offline version than the staging area which you have access to. I kind of know it can’t be my servers or caching because I don’t use the caching plugin on my MAMP set up.

Good luck :slight_smile:

J

Hey Jay,

Scaling works with standard image formats in your site. See https://youtu.be/XCKXUqVB_mA

The Cornerstone issue might be related to PHP version. Please try downgrading to 5.6 just to test. It would also be best to completely uninstall WP Rocket so the htaccess is cleared of its rules making it easier for troubleshooting.

Thanks.

Hey Christian,

Thanks for the advice but I was already on PHP 5.6 and was recommended by RueNel below so we can definitely rule that out.

The issue began before I installed WP Rocket - I actually installed it to try and help as it gives me a clear cache function out of the box. I use WP Rocket with many X built sites, I really cannot see it being a part of the problem… Also I can confirm that I have removed WP Rocket in it’s entirety including all data in the .htaccess folder from WPRocket Begins to ends.

This now definitely concludes that the problem is with Pro and nothing else - we have tried everything else and now your suggestions are being reciprocated from the earlier thread which is costing time.

Did the troubleshooting via FTP prove to be inconclusive? The site is due to be launched tomorrow and I’m beginning to think I should change themes in a final effort for as long as Pro isn’t working for me.

PS. As you know I have a fair few licences and have been building with X since the very beginning. I have to say that I absolutely love Pro so far aside from these hiccups. It will be perfect (for me) when it’s functioning as it should. This is my first Pro experience and the transition has been pretty smooth a part from these few things.

J

Hi @j300bac,

We’ll continue checking, it works on my end so I can’t rule out this is Pro issue alone. But we’ll see once we gathered more information. Please use the temporary workaround for now.

Thanks!

Hi Rad,

Temporary work around for the page builder? There isn’t one I’m afraid - it’s kind of the main selling point no?

Correct me if I’m wrong but we’ve ticked off all of the possibilities to the point where several suggestions had been reciprocated which if I believe in all of my years of living means that the problem isn’t with any of the third party suggestions that have been blamed.

I also have this installed on two set ups as I’ve mentioned roughly 8 times now - LIve and not live… same problem - Key clue there!

I also have many X sites and one Pro in which this problem is only occurring in Pro - kind of another indicator?

Also I recall this happening in X once upon a time when cornerstone replaced X shortcodes to which it was confirmed as an X issue which was then fixed on the next release…

I have been more than willing in this matter and have done everything that has been asked DESPITE knowing that none of the supposed conflicts were of any issue - This is a 7 day thread! Seven days… surely you want to move on from it? I really do!
Could you give me a timescale as to when this product I purchased will work the same as the other licences I’ve purchased during the last 5 years?

I’m holding back from enquiring on third party social media platforms because I have every faith in support resolving this outside of the generic answers - please don’t prove me wrong guys…

Hey Jay,

Sorry for the confusion. And, I’m sorry I forgot that you’re already using PHP 5.6. I saw some 7.1 number when I checked your configuration and thought you’re using PHP 7.1. Pro will still work with 7.1 though but it depends on the configuration. I personally do not know what is causing the issue in some setups yet.

Also, this is what I mean that the longer the threads get, the more it gets confusing for us support staff so if you could open a separate thread only for the Pro issue, that would be great. You can post a link to this thread for reference that we’ve tried everything.

Here’s the last thing you can try and we’ll escalate this issue. Update to the latest version of Pro. There’s a performance fix added to the latest version along with a lot of fixes. Hopefully, this would resolve the issue.

Thanks.

Hi Christian,

Sorry buddy but RAD has come into the new thread that you had requested and asked that it be put back into this thread…

It’s all in your hands - you literally have everything you need to figure out why this install isn’t working. There is nothing more I can do so I will leave it in your capable hands.

Jay

Hi @j300ba,

Let’s continue the discussion here, I love to solve the issues as much as you do :slight_smile:

But before we continue, could we try listing the issues we’re discussing here? Like a clarification, then we’ll check it one by one. Just put them in a listing, it’s easier to follow a list in a single reply so we could mark them while we’re discussing and what’s been solved. As of now, what I just understand is the SVG issue as the title says which we’re still checking on our end.

Thanks!

Rad,

I’ve clarified around 10 times now in this thread what it wrong and I’m beginning to believe that you guys are just messing with me now…

I literally do not care about the SVG issue that Pro has anymore. I’ve stated that the fix will do.

Christian has experienced the same issue that I have and cannot figure it out hence asking for FTP credentials. I want to know why the page builder isn’t working anymore. It’s coming up with the caching error - it’s not the caches because on my local server install I’m having the same issue with zero caching. ONLY ON PRO. SEE ABOVE FOR FULL DETAILS.

I recommend you read my entire thread as I write in perfect english with intricate details.

Bottom line is the page editor isn’t working - that’s it!

I’m not going to write anymore because I truly believe you guys are playing around avoiding this on purpose hence removing this thread from view which is truly a shame.

I shouldn’t have to repeat the same thing over and over when it is clearly written. If this isn’t just you guys messing around then you are definitely suffering with an old phrase “too many cooks in the kitchen” - you’ve got 8 of you trying to solve one issue but only reading the last message at a time every other day which is causing confusion. There’s no way on earth you can solve this with the methods you are using. This would have been an hour to fix if one person was concentrating on it but instead it has cost me and you 8 days.

Yours extremely disappointed

J

Hello J,

I apologized if you haven’t got any answer to resolve your issues. I have taken some time and checked your page editor. I created a test page and I was able to create one. You can check it out in the link I posted in the secure note. I have a difficulty adding elements to the page. The SuperFly menu is invading the Content Editor preview giving me a hard time to finish editing the page. I would recommend that you disable the SuperFly plugin first while editing a page. You can enable it back once all the pages and posts are ready to make your site live.

If you need any other things, I would personally check out your thread in the next few days.

RueNel,

Nothing to do with SuperFly. This is everything to do with the caching issue on the homepage which is the only page I’ve built.

The ONLY way to edit what I’ve put together on the homepage is to delete the contents in the page builder then rebuild it which isn’t suitable for every time the page needs editing.

The staff above have experienced this issue so there’s no denying it now. As above this is nothing to do with the caching as I HAVE REMOVED THE CACHING IN IT’S ENTIRETY ON MY OFFLINE SERVER.

Sorry guys but what happened to support? You clearly haven’t read this thread thoroughly enough to understand and as mentioned - Too many cooks.

Hi @j300bac,

I’m not denying the mistake on my end, and it’s really confusing on my end. I missed the cue point where we’re transitioning to the new issues from the long discussion. I thought we’re still discussing the SVG and it’s relation to the cornerstone builder where it caused a time-out. I’m not messing around, I just like a list of what’s left and what else need to discuss for further clarification, as a recap since multiple support is handling this. So this is solely an issue with the builder not loading? I’ll check that out.

I’m not sure why I didn’t get what we’re discussing, but when someone else posts an issue, I can easily get what they are referring. Maybe it’s a problem on my end, please post issue’s description as short and simple as possible :slight_smile:

I’ll continue checking this issue and will post a follow-up reply later.

Thanks!

Hi @j300bac,

As promised, here is my follow up reply. I saved your home page content as a template and loaded it in X HOME PAGE TEST draft page. And the issue also appears there, then I did a trial and error (deleting elements) one at a time. I found out that the one causing this issue (timeout) is the Widget Element on the first row and 3rd column.

Looks like the culprit is a widget added in the main sidebar (where it’s selected on the faulty widget element). There are two widgets there which aren’t native to Wordpress or somehow extended/customized and one of them is causing the issue.

Please check the test page I created and it’s working.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.