Tagged: x
-
AuthorPosts
-
January 19, 2017 at 2:37 pm #1337234
nillamaryParticipantHi,
Is it possible to reduce the padding between my Search and Cart icons? I tried the following but no success:
.x-icon-search {
padding: 0;
}
.x-btn-navbar-woocommerce {
padding: 0;
}Thanks!
January 19, 2017 at 3:09 pm #1337279
JadeModeratorHi there,
Please try this:
.x-navbar .mobile .x-nav>li.x-menu-item-search, .x-navbar .mobile .x-nav>li.x-menu-item-woocommerce>a { margin-top: 0; }January 19, 2017 at 4:48 pm #1337424
nillamaryParticipantHi Jade, thanks but I already have that code with:
margin-top: 0 !important;But still hasn’t reduced the margin.
January 19, 2017 at 4:49 pm #1337425
NicoModeratorHi There,
Would you mind sharing us your URL so we could check your setup closer.
Thanks.
January 20, 2017 at 5:04 am #1338193
nillamaryParticipantThis reply has been marked as private.January 20, 2017 at 9:55 am #1338449
Nabeel AModeratorHi again,
Please add the following code in your Customizer:
.x-btn-navbar-search { padding: 0 !important; } .menu-item.x-menu-item-woocommerce a { margin-top: 5px !important; } .x-navbar .mobile .x-nav>li.x-menu-item-search { margin: 5px 0 0 !important; }Let us know how this goes!
January 21, 2017 at 9:58 am #1339675
nillamaryParticipantThanks Nabeel but no luck. This is all the code now:
.x-navbar .mobile .x-nav li>a {
padding: 10px;
margin-bottom: 0;
}
@media(max-width: 979px){
.x-navbar .mobile .x-nav>li.x-menu-item-search,
.x-navbar .mobile .x-nav>li.x-menu-item-woocommerce>a {
margin-top: 0 !important;
}
}
.x-btn-navbar-search {
padding: 0 !important;
}
.menu-item.x-menu-item-woocommerce a {
margin-top: 5px !important;
}
.x-navbar .mobile .x-nav>li.x-menu-item-search {
margin: 5px 0 0 !important;
}January 21, 2017 at 4:41 pm #1339934
RadModeratorHi there,
Since your mobile menu is displayed on desktop too, then @media block should be removed.
.x-navbar .mobile .x-nav li>a { padding: 10px; margin-bottom: 0; } .x-navbar .mobile .x-nav>li.x-menu-item-search, .x-navbar .mobile .x-nav>li.x-menu-item-woocommerce>a { margin-top: 0 !important; } .x-btn-navbar-search { padding: 0 !important; } .menu-item.x-menu-item-woocommerce a { margin-top: 5px !important; } .x-navbar .mobile .x-nav>li.x-menu-item-search { margin: 5px 0 0 !important; }Hope this helps.
January 22, 2017 at 1:10 pm #1340642
nillamaryParticipantHi Rad, that makes sense.
Excellent that worked!
Many thanks!
January 22, 2017 at 1:54 pm #1340666
NicoModeratorHappy to hear that.
Feel free to ask us again.
Thanks.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1337234 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
