Just wanting to do this before going LIVE... Please help if you can... Before & After Pics

[rustyclockwork]

Hi All,

 

I hope this is something simple, but I'm overlooking it...

 

Enclosed are two screen shots, the second one is photoshopped so that it shows what I'm trying to do.

 

Can anyone help me?  I know how to work code as long as I know where to go and what exactly needs to be done, and I'm not afraid of spending lots of time to do it...

I hope it's an easy fix though.

 

I'm running the latest public release, and my logo image for the upper left is actually the banner code.

 

I'm trying to get the cart over to the extreme far right of the browser screen, and for it to stay there in that upper right corner.  I'm also trying to get those links for "contact us" and "sign in" to be positioned so that they stay at the far right margin above the horizontal menu.

 

I appreciate any help, this is among the very last things I need to do before finally going live.

 

Also enclosed is an inspected window, it shows that when I try to select the "sign in" link, the cart also gets selected... If that is of help to anyone.

 

Sincerely,

Jason

Edited March 30, 2015 by rustyclockwork (see edit history)

[rustyclockwork]

Anyone have an idea?

 

Thank you for any suggestions,

Jason

[Vinum]

Hi,

Give the url of your site.

[rustyclockwork]

Hi, yes no problem, thank you!

 

My url is here:

 

http://vps5951.inmotionhosting.com/~oldfou5/

 

Thank you again,

Jason

[mickeyboy1]

You need to make changes in a few files...

 

Try..........

 

In themes/YOUR-THEME/css/modules/blockcart/blockcart.css  find 

#header .shopping_cart {
  position: absolute;
  top: -161px;
  right: 0;
  float: right;
  padding-top: 0px;
}

And change to 

#header .shopping_cart {
  position: absolute;
  top: -161px;
  right: -50px; 
  float: right;
  padding-top: 0px;
}

In themes/YOUR-THEME/css/modules/blocksearch/blocksearch.css find 

#search_block_top {
  position: absolute;
  top: -104px;
  right: 0;
  padding-top: 50px;
}

and change to 

#search_block_top {
  position: absolute;
  top: -104px;
  right: -50px; 
  padding-top: 50px;
}

then in themes/YOUR-THEME/css/modules/blockuserinfo/blockuserinfo.css find

.header_user_info {
  float: right;
}

and change to 

.header_user_info {
  float: right;
  margin-right: -400px;
}

and finally in  themes/YOUR-THEME/css/modules/blockcontact/blockcontact.css find 

#contact-link {
  float: right;
}

and change to 

#contact-link {
  float: right;
  margin-right: -300px;
}

You can play with these figures to suit your needs 

[rustyclockwork]

THANK YOU THANK YOU THANK YOU

 

It seems that they are finally free of the top menu margins! :-)

 

I'm going to compare it to my older files to see what it was that I was doing that wasn't working.

Thank you again, I have to adjust it a little bit but it's getting close enough!

 

When I'm resizing the window, the top menu is of course going off on it's own, I've been commenting out the code throughout my site so that the stock theme (my theme) isn't responsive any longer...  (the responsive theme honestly doesn't apply to my clientele though its a great idea for majority of online shopping).

 

I'm assuming I'll have to continue searching around for stray responsive code.

 

Jason

Edited April 2, 2015 by rustyclockwork (see edit history)

[rustyclockwork]

Yeah, it looks like I still have some work to do...

 

I double checked my work on my iPad, its showing a white border about 1/4" wide on the right hand side of the screen.

I was careful when commenting out the responsive theme code, as I was constantly checking after so many modifications.

I really appreciated the help with the above code you wrote mickeyboy1, thank you again...

 

Jason