rlexyd:
Just a few things that you could help me with please.
- How do I shrink the search box in the header?
- How to center the header text of New Products, Featured Products on main page instead of on the left?
3.1) I see a lot of space at the top when I go into All Products, New Products and Categories (view snapshot), is there anyway to remove some of that?
3.2) While still on number 3 pages, is there a way to make the page numbers look nicer than they are? Maybe replace them with icons? or put a border around them, move them a little closer together?
Thanking you in advance.
lets start with this. Once you make these changes let me know what else you need.
To center the the menu bars.
Add this style before @media (min-width: 576px)
.leftBoxHeading, .rightBoxHeading {
display: flex;
justify-content: center;
align-items: center;
}
This will clean up some of the spacing issue
find
.navSplitPagesLinks {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
display: flex;
place-content: center;
flex-wrap: wrap;
}
replace with
.navSplitPagesLinks {
{
display: flex;
place-content: center;
flex-wrap: wrap;
}
to to change size of search box
find
.search_box input
change the width to the desired size. Its at 100% now.
