Hide Related Projects on Portfolio

[ronin]

Hi,

I have hidden the related projects (by using display:none) on my portfolio pages but I can’t get rid of the container that holds it, so there’s a white gap at the bottom of my portfolio pages. How can I get rid of the related projects properly?

[Mohammad – SUPPORT]

Hi,
How did you create your this page? Its looking bad and many horizontal scroll.

Thanks
Mohammad

[ronin]

Hi,

I just built it using page builder, only custom code for typography etc. I did notice that in Firefox some pages were completely broken which I have no idea about but was going to ask separately. For me it looks fine in IE and Chrome.

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot to indicate the issue.
Thanks
Mohammad

[ronin]

I’ve attached a picture of the original issue (related-projects-issue) and how the page looks in IE/Chrome vs Firefox.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.body-text, .article-body-wrap{
margin-bottom:-11px !important;
}

Thanks
Mohammad

[ronin]

Thanks, I did think about doing that, but it would be nice if there was an actual way to get rid of it that was responsive (or at least didn’t require me to change the margin for each device).

Any ideas about the Firefox issue?

[Mohammad – SUPPORT]

Hi,
Please remove given below custom css code to resolve the firefox issue.
.single-portfolio #page-wrap, .page .pb-fw-wrap{margin-top:154px;}
Thanks
Mohammad

[ronin]

That worked, but I don’t understand why that affected Firefox in that way, and I need the slider to sit at the very top of the page so it’s visible through the header. Is there a different way that I should have done that?

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot to indicate the Firefox issue.
Thanks
Mohammad

[ronin]

I did before, marked ‘firefox issue’. Your code (getting rid of the margin-top custom css) fixes the Firefox issue of the whole page being pushed to the side, I just don’t understand how a margin-top line of code would affect how the page behaves horizontally.

So, as you can see in the ‘proper website’ picture (how it looks in IE and Chrome) the slider needs to go under the header (which is why I added the margin-top css). So I was just asking if there was a different way I should be doing this that fits better within Dante.

[Rui Guerreiro – SUPPORT]

Hi @ronin,

can you try to add the code below to your custom css option

main-container {
    overflow: hidden!important;
}

This is how it looks after changing it
https://www.dropbox.com/s/50ac8rek9d7b6v3/Screenshot%202015-08-06%2011.23.39.png?dl=0

-Rui

[ronin]

Thanks for the suggestion – was that supposed to replace the margin-top code or go alongside it?

I put it in (with the margin-top code still there) and it hasn’t helped, Firefox still pushes all of the content to the right. I have no idea why a margin-top change would affect firefox that way.

[Rui Guerreiro – SUPPORT]

Not sure if you had the margin-top when I changed it with the inspector.

Can you activate that margin-top code so I can inspect the page in firefox with that active so I can check again my solution?

Also try to clear the browser cache, sometimes it can be it.

-Rui