Section setting against header

[philysgdy]

Hi guys
Can you help me with the positioning of a section with an image in it for responsive settings? I am getting a different view between browser and cornerstone.
URL: http://nextleaptrainingsolutions.com/portfolio-item/communicate-influence-motivate/
I have used hidden views and created 2 sections >480px and <480px. But I am having trouble getting them to all work

[jade]

Hey Phil,

The setup of the portfolio pages on your site can be improved so that you will get rid of this issue.

Firstly. since you are not using the portfolio titles, please add this code in X > Theme Options > CSS:

.single .x-portfolio .entry-header {
    display: none;
}

Then, remove the negative margin you have set to the first section of the content in the page you have linked. Change the top margin of the first section from -15% to 0.

Lastly, add these code in the Global CSS:

@media (max-width: 1080px) {
    .single .x-portfolio .entry-wrap {
        padding-top: 0
    }
}

.single-x-portfolio .entry-content {
    margin-top: 0;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[philysgdy]

Hi Jade

I have followed your styling and yes its an improvement but I still have the gap - see below

Thanks in advance and yes thanks for the note about the custom code, I have been in this spot with other themes
cheers
Phil

[jade]

Hey Phil,

Kindly update this code:

@media (max-width: 1080px) {
    .single .x-portfolio .entry-wrap {
        padding-top: 0
    }
}

to

.single .x-portfolio .entry-wrap {
    padding-top: 0
}

Hope this helps.

[philysgdy]

Sweet Jade
Thanks for your support always on the money and quick, Im very appreciative
thanks
Phil

[christian]

We’re glad it helped, Phil.