Post by ffsnick » Sat Jun 01, 2019 8:01 am

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.

Newbie

Posts

Joined
Mon Feb 18, 2019 9:59 am

Post by cyclops12 » Sat Jun 01, 2019 6:18 pm

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"

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am
Who is online

Users browsing this forum: No registered users and 51 guests