Navigation menu vertical alignment

[Pierre-Y. Plourde]

Hi.

When you resize the demo page (wide to narrow), the navigation menu shifts automatically items menu under the first line if needed (see screen capture attached). Can we reduce the gap between both lines?

I also noticed that the page resizing makes the widgetkit slideshow buttons overlap the banner.

Any advices to address these observations might be appreciated.

Many thanks in advance.
image.jpg

Attachments:

You must be logged in to view attached files.

[Sushil Adhikari]

Looks like I need to do some tweaking to the media queries for the slideshow style (template). The menu however, is really a complicated one to make perfect because it depends on how many items a menu has and at what point a person needs it to switch to the mobile view. I might be able to do some adjustments to try to make it float below the logo at the point of reaching a tablet window size.

I hope you are not in a major rush on this because I probably won’t be able to have an update until next week.

In the mean time, to adjust the line height, this is done around line 2239 of the style.css file:

	.main-navigation li a {
		border-bottom: 0;
		line-height: 3.692307692;
		white-space: nowrap;
	}

You can adjust the line height to say 2.0

As a temporary fix for the slideshow nav, this is what positions the nav when viewed in a tablet resolution:

@media (max-width: 768px)
.wk-slideshow-celestial .slidernav {
bottom: -5%;
}

You can use that in your override css and change the bottom: -5%; to say -10%;

[Pierre-Y. Plourde]

Quick support unbelievable.

Thanks a lot.

[Author]

Posts