Docs

[martinziaja]

Hi folks,

I use Integrity with activated breadcrumps. When opening a page everything looks fine, but after having scrolled down and up to the top again, the upper part of the page seems to be hidden by the header.
Is it possible to get rid of that without deactivating the breadcrumps?

My temporary site is http://www.x.martinziaja.de

Thanks for looking into it!
Martin

[martinziaja]

OK, I think I found the problem: When the screensize is getting smaller, my navbar jumps under the logo and therefore hides the upper part of the page… Viewing it on a larger screen does the trick. Is it still possible to get rid of that effect when viewing the site on a smaller display?

[Friech]

Hi There,

Thanks for writing in! Yes, the issue is on the screen width ranging from 980px to 1300px. We need to reduce the padding and font-size of each menu items on this screen width.

You can add this under Custom > CSS in the Customizer.

@media (min-width:  980px) and (max-width: 1300px) {
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	    padding-left: 5px;
	    padding-right: 5px;
	}
	.x-navbar .desktop .x-nav > li > a > span {
    	font-size: 70%;
	}
}

Hope it helps, Cheers!

[martinziaja]

Guys, you really rock. Thanks a lot for the great support – it must be tough dealing every day with people like me who think they can build their own website (which I obviously don’t)… 🙂

So thanks again, regards from Germany
Martin

[Darshana]

Thank you for your feedback & glad we were able to help 🙂

[Author]

Posts