Whitespace on top of portfolio page

francois_dnenu · March 2020

Hi there,

I would like to ask you for little help with my portfolio item. I am not able to remove whitespace on top of page behind the logo and menu. Do you have any advice how to fix it? Thank you.

Francois

The link is: http://www.pioneerbeer.cz/index.php/portfolio-item/cloudya-14/

Pablo · March 2020

Hello,

Sorry, but I do not know what CSS modifications you made there.

After disabling your CSS code the page changes completely, so I suppose the problem is related to your CSS modifications.

Theme Options > Custom CSS & JS > CSS

Thanks

francois_dnenu · March 2020

Hello Pablo,

here they are:

@media only screen and (max-width: 959px) {

#Top_bar .logo #logo img { max-height: 100px !important; }

#Top_bar #logo { height: 100px !important; }

#Header a.responsive-menu-toggle { right: 20px !important; top: 30px !important; }

}

.single-photo-wrapper.image { display: none !important; }

francois_dnenu · March 2020

These are only CSS changes I have made..

Thanks

Pablo · March 2020

Please use this CSS code too:

body.portfolio-template-default .section-post-header{
    display: none !important;
}

Thanks

francois_dnenu · March 2020

Perfect, thank you very much

I would like to ask you one more question. I am using the Grid in Portfolio. Is there way how to centre the text? http://www.pioneerbeer.cz/index.php/piva2020-new/

Pablo · March 2020

Paste that CSS, it will solve your problem

.portfolio-item .desc{
	text-align: center !important;
}

Thanks

francois_dnenu · March 2020

Thank you Pablo!

francois_dnenu · March 2020

One more question. Is there any chance to set up the grid with more columns on the mobile phone? I am using style: Grid. Thank you

Bryan · March 2020

Hey,

sorry but all items and layouts go full width on mobile.

thanks

Whitespace on top of portfolio page

Comments