savio
offlineMember
Hello, working on a site redesign. I was hoping to just copy over my web portfolio from the old page to the new page.
I copied the code, added in the links/scripts to the head, and copied the p7 folders. This usually works for me, but in this page it doesn't seem to be copying over. Can't seem to figure out why?
The Old Page is:
https://saviodesigns.com/portfolio-web.php
New Page with the issues:
https://test.saviodesigns.com/sd2019/portfolio_web.php
Truly appreciate any advice/help! Thanks!
Sinclair
offlineMember
This looks very much like an overflow issue, you can try using the overflow option in the HMY UI, if there are nested HMY grids then the option should be used also in the parent column.
HTH
savio
offlineMember
Thx so much. Will give that a try in the morning. I know the old page is an lbm page while the new page is harmony so that might be part of the issue?
savio
offlineMember
hmm changing overflow to hidden didn't seem to effect this page at all :(
savio
offlineMember
I figured I would start recreating this page and seeing if I still had the issues.
This page has the Harmony Columns with "Overflow Hidden, yet I saw that overflow effect on the bottom of the design (at least the content itself is all showing) after adding just the TPM3 & BFA.
Once I added content below that (and the Magic Boxes) it seems to be ok. Somehow I am guessing something didn't copy over right in the TPM3 or BFA in the first example.
savio
offlineMember
actually now that I have the MBX in I am having that same overflow style issue in this page. While the content is all there, the VBM stops towards the bottom. I do have Overflow Hidden on this column/parent columns so not too sure what is wrong on this page :(
The updated page/code is on https://test.saviodesigns.com/sd2019/portfolio_web.php
Oddly, sometimes when I first load the page it appears correctly, but when I hit refresh, then I get the appearance error.
savio
offlineMember
Just checked the mobile view and the content doesn’t display correctly at all :(
Is there a conflict between using VBM, Harmony, BFA, MXM, TPM3, and MBX all in one page?
Add this style rule to your p7HMY-01.css style sheet:
.hmy-section {
max-width: 100%;
}
This will fix the overflow issues with the Tab Panel, prevents the scrolling triggers from getting wider than the section div.
With this fix the page works perfectly in all of my browsers. Mobile view should also be fine now.
savio
offlineMember
Thx so much, I added that in, seems to be working on Chrome, but not FireFox. Also still getting the same error on this page:https://test.saviodesigns.com/sd2019/support.php (was in a different thread - not sure if root cause is the same since it is doing the same thing).
I did clear cache on both browsers, but here is a screenshot of what I am seeing in Firefox still:
https://saviodesigns.com/pics/pviipageerror.jpg
Truly appreciate your help!
Sinclair
offlineMember
Savio, Gerry,
Isn't this a bit hinky.....
<div class="hmy-section Main" hmy-overflow data-hmy-basis="100,%,1">
<div class="hmy-content-wrapper">
<div class="hmy-content hmy-left" data-vbm="2,0,1,-9,0,0,0,1.5,-9,0,1">
<div id="p7HMY_4" class="p7HMY hmy-root-rounded hmy-color-root-white hmy-noscript centercontent" data-hmy-max-width="100,%">
<div class="hmy-section" hmy-overflow data-hmy-basis="100,%,1">
<div class="hmy-content-wrapper hmy-vertical-center hmy-content-rounded">
Note that the hmy-overflow is not within the "" of the class and the relative hmy-content-wrapper divs don't have an overflow?
It looks jarring to me!
Yep, that is a bit hinky, especially since it works perfectly in my Firefox browser.
Savio, the hmy-overflow should be part of the class attribute, inside the quotes:
Change this:
<div class="hmy-section Main" hmy-overflow data-hmy-basis="100,%,1">
to this:
<div class="hmy-section Main hmy-overflow" data-hmy-basis="100,%,1">
Repeat for the other occurrences.
There are also some issues with the ending </p> tags, some are outside of the <div> that contains the <p>.
Look at the end of line 107:
...Pricing</a></div></p>
The closing </p> tag should be before the closing </div> tag. It should look like this:
...Pricing</a></p></div>
Also, make the same correction at the end of line 123.
savio
offlineMember
Gerry and Sincliar - thanks so much for your help thus far!
I changed the hmy-overflow locations - cleared cache, but still seeing the same issue in Firefox :( are the harmony wrappers also suppose to have the hmy-overflow? Sinclair mentioned that it might be missing there?
Thanks for the tip too on the <p> tags - the div is actually around the button so moved the cloing p tag before the opening div tag :)
Sinclair
offlineMember
are the harmony wrappers also suppose to have the hmy-overflow?
Yes, when one sets a column to overflow using the option in the UI, both the hmy-section and the respective hmy-content-wrapper divs will/should get it.
HTH
savio
offlineMember
thanks for clarification - I did update that, cleared cache, and still get the same issue :(
I am wondering if this is an issue with VBM?
I have another site that I am doing essentially the same thing, VBM in the background with a nested Harmony on top, as the gallery adds images the VBM goes out and doesn't "Cover" like it is suppose to.
I did add the Overflow in the Harmony for both the Harmony Column and its parent column:
http://test.saviodesigns.com/cailynn/gallery-photo.php
Sinclair
offlineMember
I think it's a good bet that the masonry grid could be the issue, maybe you could check to see if removing it cures it?
savio
offlineMember
thanks - it seems to be an issue with any content that is generated beyond what is coming from my database. On all the other pages of Cailynn.com and SavioDesigns.com the Harmony Content area and the VBM content area seem to extend/cover with no problems.
However, in the Cailynn.com/gallery-photo.php content coming from the Masonry Gallery causes an issue
In SavioDesigns.com/portfolio_web.php content coming from Magic Box/Tab Panel Magic causes an issue.
In SavioDesigns.com/support.php content coming from the embedded PeerBoard Script/when the Horizontal Accordion Magic is opened, causes the same issue.
Since the same issue happens with different things supplying the content, it seems the issue lies with VBM/Harmony somehow?
Not sure if it makes sense? While, yes, removing the Masorny Gallery would "Fix" that page, it wouldn't fix the others that show the same issue that don't have the Masonry Gallery, so it doesn't seem like the error lies with the Gallery (especially when I have used it on numerous sites that don't have the same nested Harmony Section over a VBM Harmony section without any issues).
I truly appreciate the help and suggestions though - it is a bit frustrating as I do like the look and design, but wondering if this design conflicts with how VBM/Harmony operate?
Sinclair
offlineMember
I can't figure this out I'm afraid, it looks like a process of elimination is called for to see what what triggers the issue, it may be one thing or a combo, infuriating but I'm afraid that's all I can offer, I'd hoped the overflow would have sorted things.
You must log in to post.
