Navigation menu vertical alignment

Home Forums WordPress Themes – Premium Celestial (Celestial Reloaded) Navigation menu vertical alignment

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #15144
    Pierre-Y. Plourde
    Participant

    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.
    #19900
    Sushil Adhikari
    Moderator

    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%;

    #15145
    Pierre-Y. Plourde
    Participant

    Quick support unbelievable.

    Thanks a lot.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.