[MBParticipant]

Hi,

When going from landscape to portrait the margins/padding is stretched. I think its because of responsive nature but it doesn’t look good. Any ideas?

Thanks, MB
https://mbguiding.ca/

[RupokMember]

Hi there,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[MBParticipant]

On front page (https:/mbguiding.ca/) with tablet in landscape orientation there is a big space between navbar (MB Guiding logo) and topbar (embedded map) and smaller space below navbar and top of entry posts. With tablet in portrait mode that bog space is on top and bottom of navbar. Any way to make the space same height as it is below navbar with tablet in landscape mode (smaller).

[RadModerator]

Hi there,

I think I found it, please set your navbar height to 76 at Admin > Appearance > Customizer > Header > NAVBAR > Navbar Top Height (px) instead of 55.

Your navbar total height is 76px, but you’re forcing it to 55px;

Hope this helps.

[MBParticipant]

Ok. But how do we make the navbar height less? 76px is too high. It looks like there is a margin under the top bar and above the entry posts container. Where do we set those heights?

[ZeshanMember]

Hi MB,

First increase the height of your navbar as suggested above and then if you want to reduce the gap in between the navbar and main content area, use this CSS code:

.x-container.offset {
   margin-top: 10px;
}

Adjust 10px to increase/decrease the size of gap.

Thank you!

[MBParticipant]

[RESOLVED] Thanks Themeco!

[FriechModerator]

Glad we could help.

Cheers!

[Author]

Posts