Fix the (search & checkout) alignment

Hi! Guys, need your help again,

search and checkout bar not align with category bar after we reduce the website. how can i fix it?

Well, that's a Theme-specific matter, and would have likely to be
reworked in the corresponding stylesheet.css file section. But
if you don't know, how to handle CSS, you either need to contact the
Theme Supplier, or then, get a CSS Pro, like by example Viethemes.
http://www.viethemes.com/
Good Luck !
Ernie

Dear IP_CAM,

Thanks for your prompt reply, i'm not familiar with CSS, May i know with "CSS Pro" should i get in on http://www.viethemes.com ?

maple-Lee wrote: ↑

Mon May 28, 2018 4:30 pm

Hi! Guys, need your help again,

search and checkout bar not align with category bar after we reduce the website. how can i fix it?

Try this one: In /catalog/view/theme/default/stylesheet/stylesheet2.css, look for
then add

i have add on the code, but still not working. any code should i add on tylesheet.css ??

/* search */
#search {
margin-bottom: 10px;
}
#search .input-lg {
height: 40px;
line-height: 20px;
padding: 0 10px;
}
#search .btn-lg {
font-size: 15px;
line-height: 18px;
padding: 10px 35px;
text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
margin-bottom: 10px;
}
#cart > .btn {
font-size: 12px;
line-height: 18px;
color: #FFF;
}
#cart.open > .btn {
background-image: none;
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
color: #666;
box-shadow: none;
text-shadow: none;
float: left;
}
#cart.open > .btn:hover {
color: #444;
}
#cart .dropdown-menu {
background: #eee;
z-index: 1001;
}
#cart .dropdown-menu {
min-width: 100%;

It's hard to progress this topic without stepping into the realms of 'support'.
For the sake of discussion, the cart and search buttons belong to division class .col-sm-3. You need to declare its new position in your ccs.