How to Move Navigation Menu Bar Next to The Logo On Header ? (Vendd Theme)

  • Damon

    (@damonmadadi)


    5 years, 2 months ago

    Hello Guys
    Is It Possible to Move Nav Menu into Header Next to Logo ?
    Or Move Logo and Cart Total to Navigation Bar
    Thanks.

    The Screenshot to See What Exactly I Want:

    View post on imgur.com

    • This topic was modified 5 years, 2 months ago by Damon.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @damonmadadi

    Thanks for the screenshot.

    Please try below CSS snippet, I think it will work for you.

    .site-header .main-navigation .nav-menu{
	border-top:0px;
}
.site-header .main-navigation{
	display: inline-block;
	width: auto;
}
    Thread Starter Damon

    (@damonmadadi)

    Thanks @pratik-jain for the Quick Reply,That Works!

    But Its a Mess, How to Align Everything in the Straight Line Just Like the First ScreenShot I Sent ?!
    The Problem I Have is About too Much Padding Around Logo and Textes.

    New Screenshot:

    View post on imgur.com

    Hi @damonmadadi

    Actually I am checking with text logo so I may get different alignment. It depends on logo and its size.

    I have updated the below CSS. Please try and it I think it will work for you.

    .site-header .main-navigation .nav-menu{
	border-top:0px;
}
.site-header .main-navigation {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-top: 25px;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Move Navigation Menu Bar Next to The Logo On Header ? (Vendd Theme)’ is closed to new replies.