Page 1 of 1

Move search & Cart in header

Posted: Sat Jun 01, 2019 8:01 am
by ffsnick
Hi,
Cant find how you move the search box and cart to the far right in the header (cart on top of the search) and make them smaller. This will enable me to have a much longer logo. I have found lots of help for Version 2 but not Version 3.0.3.1. with the default theme.
I can see that the search and cart are called in /catalog/view/theme/default/template/common/header.twig but i cant see how the positioning and sizing is done, i assume its in the css but i cant find it. Any help would be fantastic.

Re: Move search & Cart in header

Posted: Sat Jun 01, 2019 6:18 pm
by cyclops12
in header.twig you will see they are both set by column sizes

Code: Select all

<div class="col-sm-5">{{ search }}</div>
      <div class="col-sm-3">{{ cart }}</div>
And the logo is <div class="col-sm-4">
Each column has to add up to 12, so 5+3+4=12
If you reduce one then you will have to increase another
The rest of the styling is done in your stylesheet.css file
Just search for "cart" and "search"