hi im having issues with the latest release of the widgets bundle. i have to keep reinstalling 1.7.1 as every time i update my features widget on my home page disappears.
I have had a web designer try to make some modifications to the site also who told me that there is some sort of compatibility issue with this as he wasnt able to make the necessary changes to some parts of the site. im using vantage theme
Hi Mm4paving,
Can you please try updating once again and then can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.
If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.
Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.
Hi Alex
Even though I didn't think it would work I did as requested. Unfortunately the issue only comes about when I update to the latest version of the widgets bundle.
As mentioned in my previous message this is not the only issue. The site origin features widget also has the same issue as this guy posting on you forum
Thread: Theme not responsive on mobile
Although I'm using the Vantage Theme I've been having similar issues to this. I have even tried using css hero to make ammendments but on certain things the changes are applying ( just being ignored ).
Thanks again for you help
Marcus
Hi Marcus,
Do you have a public URL where we can take a look at what’s going on? I know this isn’t ideal but I really need to take a look at the resulting markup to tell what’s going on as I can’t replicate this issue locally.
To clarify, the linked thread isn’t related – that’s due to user settings.
Hi Alex
My url is http://www.mm4paving.co.uk
Hi Marcus,
Can you please elaborate on the issue you’re experiencing? What exactly disappears? Is it the icon? The entire widget?
Hi Alex
On my home page i have four round images with driveways, patios, landscaping, and brickwork underneath. When i update those images disappear completely.
The other problems im having are the images dont resize and im struggling to get fit-text to work. I have created a work around using smaller text etc to make it look good enough on different devices but if i could get it to work it would look better.
Thanks again
Marcus
Hi Marcus,
Hm. I don’t see anything specific to your setup that would cause any issues. Would it be possible for you to temporarily update the SiteOrigin Widgets Bundle so I can take a quick look? Sorry about this.
Regarding image resizing. Are you referring to the image that contains all of the icons and the marshalls banner? If so, that’s due to the size of the image. Basically, the image cannot appear larger than it already is on mobile devices without exceeding the container. For the icon image, I would recommend splitting that image up into two images so that the image can appear over to rows when on mobile devices. I would recommend replacing the marshalls banner with a different image (let me know if you would like to do this).
Regarding FitText, what widget specifically are you having issues with?
Hi Alex
I can update again but wont be able to until later tonight as im at work.
And the resizing and fit text is all the same piece, as in the four circles and the fit text is the text underneath it.
Basically all issues are relating to this one section.
If i leave update on for 24 hours will that be long enough for you to check it out as the site is live and im paying for advertising and need it to look its best for potential customers.
Please bare in mind im a block paver not a web designer but have done my best with the little knowledge i have in this field.
Hi Alex
As requested i have updated the plugin again and again the images have disappeared.
I will uninstall the plugin Wednesday evening and reinstall the previous version as discussed.
Hopefully you can identify the issue so it can be resolved.
Thanks again for looking into this for me
Hi Marcus,
Unfortunately, I can’t see the issue present due to your cache plugin. Can you please either clear your cache plugin or could you create me an account (that’ll allow me to bypass the cache and prevent your guests from seeing the issue)?
This is a private message.
This is a private message.
Alex
Thanks for the instructions i think that its set up now
Hi Mm4paving,
How does that look? Please note that the background may have become unset for some reason. You may also need to make minor setting adjustments. What version of the SiteOrigin were you previously using 1.8? I ask as the reason why this issue occurred was due to not having a SiteOrigin Features container size set (the field was empty) and I can’t seem to find any changes made regarding that setting so I’m unsure why this decided to break now. :(
Hi Alex
The version i was using was 1.7.2. The the background image was paralaxed but i had a web designer do a bit custom code to make it black on mobile as the image was distorted on mobile devices.
Im glad the circles are on but they were halfway through the edge of the box so basically the background image was smaller as to end half way through those circle images.
Definitely a step in the right direction though
Marcus
Hi Marcus,
What did you do to do that initially? I suspect that may have become unset (like the background) during the update. Can you please try redoing it? Sorry about this. Do you happen to have a screenshot of what this looked like? Please note that we’re currently unable to process email attachments. You’ll need to upload the image to a third party image hosting site like vgy.me or imgur.
Hi Alex
Sorry about delay in getting back to you.
I spent a full day tweeking this section and have managed to replicate the results ( at least as close as i can ).
Only one problem and im asking for your expertise in this matter once more. The four circle images are there on every device but for some reason not on mobile.
If you could maybe take another look now and see if there is a reason for this as i dont know why this is happening.
Hi Mm4paving,
This is happening due to the CSS you wrote to move the icons. Basically, it’s not responsive (which is fine). You’ll need to nest the CSS that moves the icons inside of a media query to prevent it from affecting mobile devices. This may be a tad complicated if the CSS is in multiple locations but basically, turn something like this:
.lsow-dark-bg.lsow-row.serviceiconsbg .cascadeleft .cascadeleft .sow-icon-container { top: -20px; }Into this:
@media (min-width: 640px){ .lsow-dark-bg.lsow-row.serviceiconsbg .cascadeleft .cascadeleft .sow-icon-container { top: -20px; } }If you’re having trouble nesting the CSS or not really sure how to do it, please send me a copy of all of the CSS you used to do this and I’ll provide you a nested version.
Hi Alex
I have no knowledge of css at all. I so far have used css hero to make visual adjustments and that writes the code.
If you have any pointers on finding the circles i could then make the necessary visual adjustments. As far as i am aware they used to be there and now they aren't, everthing in between is a mystery im afraid.
Thanks again
Marcus
Ps. As a way of showing my support im going to purchase the premium upgrade. I don't think the additional features will be necessary for my site but you've been very helpful with these issues.
Hi Mm4paving,
To be honest, there’s so much CSS present that I’m not really sure what does what as so many things do the same thing in slightly different ways. :(
If I was to do this, I would remove the CSS you generated and add the following CSS instead:
.cascadeleft .sow-icon-image { position: static !important; } @media (max-width: 520px){ .cascadeleft .sow-icon-image { margin-top: 0 !important; } } .cascadeleft .textwidget h5 { font-size: 30px!important; font-weight: normal; text-shadow: 1px 1px 2px #000; } .cascadeleft .textwidget p { text-shadow: 1px 1px 2px #000; font-size: 20px !important; } .cascadeleft .textwidget a { text-decoration: underline; }This CSS will do this and it’s responsive.
Alex
Thanks once again for your help. I will try and do that over the next day or so.
Hopefully i will get the results im after with that code or at least get close
This is a private message.