Main menu and search button positions change

Home Forums Esteem Pro Main menu and search button positions change

This topic contains 6 replies, has 3 voices, and was last updated by  Bipin Singh 3 years, 9 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1200554

    Lyubomir
    Participant

    Hello,

    I need to change the design of my website: https://leanify.com.

    I would like to lift up the navigation menu so that it is equaled with the upper level of the Logo image. I seems to me that I have to set the following modification into the custom style.css:

    .main-navigation {
    	padding-top: 0px;
    }
    
    .nav-menu > ul > li > a, .menu > ul > li > a {
    	line-height: 10px;
    	height: 40px;
    }

    However if I do it, I have two issues:
    1) The first issue is that the search icon (the magnifier icon) stays on the bottom and I was not able to find out how to lift it up too and equal its level with the navigation menu.

    2) The second issue is with the drop-down (the second level) menu position which is under the “Services” main menu item.
    When I experimented with the upper approach, the drop-down menu position is not lifted too which makes it inaccessible.

    Could you please tell me what shall I modify in my child theme so that I resolve these two issue – how to lift up the magnifier icon and how to lift up the drop-down menu position so that it becomes accessible (and be close to the main menu text bottom position?)

    Thanks and best regards,
    Lyubomir

    #1200619

    Lyubomir
    Participant

    … And I have another question, how can I change the white color of the main menu container (and the logo) to something else? …

    Thanks,
    Lyubomir

    #1200789

    Lyubomir
    Participant

    OK, I found how to change the color of the main menu container:

    .site-header {
    	background: #d6ebf9;
    }

    My first questions, however are still valid. Can you help with them?

    Thanks and best regards,
    Lyubomior

    #1200920

    Bipin Singh
    Moderator

    Hi Lyubomior,

    If you want shift your menu little up than use the following code, paste it in Custom CSS Box in Design Tab:

    .main-navigation {
        padding-top: 0;
    }

    Hope this helps.

    Custom CSS Box will filter >
    So, it will not work.

    Thank you.

    #1216253

    Jana
    Participant

    How can I change the height of the main menu container?

    #1216254

    Jana
    Participant

    The position of the sub-items I would also like to change. How can I change the amount I have found – in the Custom CSS
    .main navigation {padding-top: 0;
    height: 62px;
    }

    #1216406

    Bipin Singh
    Moderator

    Hi Jana,

    Please mention your query in more detail, also provide your site link.

    Thank you.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.