Jump to content

Moving block cart to the top of page


Recommended Posts

Edit the blackcart.css file and change as below:

 

file located here

...themes/minimal_16_theme/css/modules/blockcart

 

code is first entry in file start at line 4.

 

#header .shopping_cart {
  position: relative;
  float: right;
  padding-top: 5px;
  margin-right:-350px }
Link to comment
Share on other sites

If you want to center the logo try this:

 

...themes/minimal_16_theme/css/global.css              line 5288

header .row #header_logo {
      padding-top: 33px;
      margin-left:120px }
 
You will then need to edit the blockcart again and move the cart back to the left:
 
#header .shopping_cart {
  position: relative;
  float: right;
  padding-top: 10px;
  margin-right:-250px }
  • Like 1
Link to comment
Share on other sites

tdr170 I am very sorry for posting here in someone elses post, but I`m new around here and don`t know how to open a new post or a topic. I was trying to find a `make a new post` button, but I couldn`t find it so I decided to try asking someone in thier post.

 

Anyway, thank you very very much for your advice and help, you saved me a lot of work. 

  • Like 1
Link to comment
Share on other sites

 

If you want to center the logo try this:

 

...themes/minimal_16_theme/css/global.css              line 5288

header .row #header_logo {
      padding-top: 33px;
      margin-left:120px }
 
You will then need to edit the blockcart again and move the cart back to the left:
 
#header .shopping_cart {
  position: relative;
  float: right;
  padding-top: 10px;
  margin-right:-250px }

 

Thank you for advice but now it is too much on right. I tried to change that margin-right value but i cant hit the correct dimension. Any helps? Thank you :)

Link to comment
Share on other sites

Just change the margin-right to a lower number as below. Im assuming by looking at your page you mean the Cart is to far right.

 

 

#header .shopping_cart {
  position: relative;
  float: right;
  padding-top: 10px;
  margin-right:-400px }
Edited by tdr170 (see edit history)
Link to comment
Share on other sites

  • 3 weeks later...

I see that this is not the default theme and it seems that you may have done some editing of the theme is this true.

It seems that your theme is not displaying on the home page correctly compared to the themes demo site I looked at.

On the demo theme there are 4 products across the page your has two because the image sizes seem wrong did you modify the image sizes in the BO.

The bast way to proceed is to go back to the default theme uninstall the minimal theme regenerate all images then reinstall the minimal theme this will undo all changes you have made to this point.

This way your not trying to undo mistakes that you may have already done.

I can make the default theme look as you want and would probably be easier then trying to modify a third party theme.

 

Waiting for your response to see how to proceed.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...