Relocate cube cart folder

[Lemontree]

Good Morning,

I have a few items for today:

1. I installed CC6 in a sub-folder (www.sitename.come/cubecart) while I am building it.  Now, I am somewhat ready for live action; is there less headache way to move it to the main folder?  I tried, but the link to images and document are all messed up.  I tried to redirect, but it complaint that I can not redirect to sub-folder.

2.  Change navigation background color.

3. display 4 items in a row instead of 3.

Thank you

Kathy

[Dirty Butter]

See if this helps with the move:

When you say navigation, do you mean the document/category links or the breadcrumbs?

Breadcrumbs background is in foundation.css. Search for .breadcrumbs

I'm not sure about the document/category background, as I use a plugin to change the location of all that.

[Lemontree]

Dirty Butter, 

Thank you for you help again.

I'm trying to change the document/category background.

[bsmither]

To change the grid of panels from three to four, but only if the width of the browser window is wide enough, in the template content.homepage.php, near line 21:

Find:
<ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3" data-equalizer>

Change to:
<ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-4" data-equalizer>

 

[Lemontree]

Thank bsmither,

I found your your old response to issue #1 incase someone was looking for the solution.

 

[Lemontree]

This is so weird.  I moved all the files from old folder to the main root folder.  Deleted everything off cache folder.  Change the Store URL in store setup under SSL tab.  Everything works great, EXCEPT.  There's always something,right?  Now my top navigation bar (where the categories selection) displays 1/2 in different size.  Where I have the categories, it display taller than the empty rest. I reloaded the browser, still display the same.  It's hard to explain.  Please go to www.khantily.com to see it.

Please help.  This drives me more insane.  

Thanks

Kathy

[Dirty Butter]

I've seen this before, but I'm not having any luck finding the right place in foundation.css to fix it. I'll try to find an old thread concerning this.

[Dirty Butter]

It's somewhere in the top-bar-section of foundation.css. But I use SFWS Vertical Navigation and also his Document Management plugins, so I can't test it.

[Lemontree]

I'm going to look into SFWS Vertical Navigation plug-in.  Hopefully, it will fix the un-even top navigation bar background.  

[bsmither]

I think the file foundation.css has become damaged.

In my copy (may have been slightly edited, so line numbers seem to be different):

Line 2092:
    .top-bar-section li:not(.has-form) a:not(.button) {
      background: #333333;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #222222; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      background: #2ba6cb;
      color: #FFFFFF;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #258faf;
        color: #FFFFFF; }

Yours: line 2091:
    .top-bar-section li:not(.has-form) a:not(.button) {
      background: #333333;
      line-height: 2.8125rem;
      padding: 0 0.375re; }                                      <<=== NOTE! Should be 0.9375rem;
      .top-bar-sectli:not(.has-form) a:not(.button):hover {      <<=== NOTE!
        background-color: #555555;
        background: #222222; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      background: #2ba6cb;
      color: #FFFFFF;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #258faf;
        color: #FFFFFF; }

 

[Lemontree]

Thank you so much, bsmither.  I'm very appreciated.  

[Lemontree]

On June 15, 2016 at 3:43 PM, bsmither said:

To change the grid of panels from three to four, but only if the width of the browser window is wide enough, in the template content.homepage.php, near line 21:

Find:
<ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3" data-equalizer>

Change to:
<ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-4" data-equalizer>

 

I was hoping to remove the featured product and best sellers off the right hand side.  Looks like I'll have to expand the display of the category view and the documents in order to add the 4th column and make it looks right.  Looks like it's more troublesome than it's worth.  

Thanks for the tip.