Skip to content

Instantly share code, notes, and snippets.

@h1dd3nsn1p3r

h1dd3nsn1p3r/Orchid store top header & navigation item

Last active May 16, 2020 15:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save h1dd3nsn1p3r/92eade525666bb84619bcb02abea0a30 to your computer and use it in GitHub Desktop.
Save h1dd3nsn1p3r/92eade525666bb84619bcb02abea0a30 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Orchid store top header & navigation item
@media (max-width: 600px) {
.header-style-1 .top-header .os-col.left-col {
display: flex;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 10px;
}
.masterheader .top-header .right-col ul {
text-align: center;
}
.masterheader .topbar-items ul {
text-align: center;
}
}
@media ( min-width: 992px ) {
.category-navigation>ul>li>a,
.site-navigation ul li .sub-menu li a,
.site-navigation ul li .children li a,
.category-navigation ul li .sub-menu li a,
.category-navigation ul li .children li a {
padding-top:6px;
padding-bottom: 6px;
}
}
@h1dd3nsn1p3r
Copy link
Author

Reference/help: https://ibb.co/Bnt6W9G

@mkjain1911
Copy link

Hi, this is exactly what i was looking for. But the socialmedia icons are coming on a next line. I have tried tweaking some settings, but could now. If there a change in the above code which can make the wishlist go away and make space for social icons and login to come on a single line. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment