The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 03-19-2015, 10:43 AM
kathleen.d's Avatar
kathleen.d is offline
 
Join Date: Mar 2015
Posts: 3
Default

icwid with fixed header and top-margin


Hi all,
I need to use a fixed navbar in my new custom website.
I use Bootstrap 2.3.2 to build it.
The navbar is fixed on top and is 120px high.
So, I added 120px top-margin to body css.
The first icwd page shows correctly but subsequent pages (category, products...) will not honor the top-margin rule. and some content of the icwd is covered by the fixed header.
I tried to tweac the icwid css but I can't make it works.
Here are two screenshots:

1 - first page containing icwd


2 - subsequent pages


How can I fix this?
TIA
tony
  #2  
Old 03-20-2015, 04:38 PM
Rick G's Avatar
Rick G Rick G is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,271
Default

Quote:
Originally Posted by antonio d. View Post
Hi all,
I need to use a fixed navbar in my new custom website.
I use Bootstrap 2.3.2 to build it.
The navbar is fixed on top and is 120px high.
So, I added 120px top-margin to body css.
The first icwd page shows correctly but subsequent pages (category, products...) will not honor the top-margin rule. and some content of the icwd is covered by the fixed header.
I tried to tweac the icwid css but I can't make it works.
Here are two screenshots:

1 - first page containing icwd


2 - subsequent pages


How can I fix this?
TIA
tony
Hi,

Thank you for contacting us.

Judging by the screenshots you provided, I see that you have a fixed header in your website and when you navigate in your Ecwid store pages, sometimes the navigation menu overlaps the Ecwid store, right?

Please try to add the code from this article: http://help.ecwid.com/customer/portal/articles/1174628 right after your <body> tags and see if it fixes the issue.

Also, can you please provide a link to the website so I can inspect it? Thank you.
__________________
Ecwid API and App Market Team
Ecwid Developer Website
  #3  
Old 04-01-2015, 01:42 PM
kathleen.d's Avatar
kathleen.d kathleen.d is offline
 
Join Date: Mar 2015
Posts: 3
Default

Hi,
I tried to add the code snippet

Code:
<div id="ecwid_product_browser_scroller"></div>
to the prodotti.php page that contains the ecwid code, but nothing changes.
Here is the link in case you may want to investigate the problem:
http://www.pippolascopa.it/prodotti.php
The very first page (prodotti.php) works as expected but when you go deep into any category/product, you will see the header covering part of the shop title/text...
TIA for any help.

Tony
  #4  
Old 04-03-2015, 04:05 PM
Rick G's Avatar
Rick G Rick G is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,271
Default

Quote:
Originally Posted by antonio d. View Post
Hi,
I tried to add the code snippet

Code:
<div id="ecwid_product_browser_scroller"></div>
to the prodotti.php page that contains the ecwid code, but nothing changes.
Here is the link in case you may want to investigate the problem:
http://www.pippolascopa.it/prodotti.php
The very first page (prodotti.php) works as expected but when you go deep into any category/product, you will see the header covering part of the shop title/text...
TIA for any help.

Tony
Hi,

Thank you for contacting us.

I did some further testing and I think I found a solution that will work for you.

Please go to Ecwid control panel > System settings > Design > Custom CSS Themes and add the following code:
Code:
#ecwid_product_browser_scroller {
	    position: absolute;
    	top: 0px;
}
After you add it, save the changes and see how it works on your website.

Please let me know how it goes,
Thank you.
__________________
Ecwid API and App Market Team
Ecwid Developer Website
  #5  
Old 04-03-2015, 04:15 PM
kathleen.d's Avatar
kathleen.d kathleen.d is offline
 
Join Date: Mar 2015
Posts: 3
Default

Thanks! It works.
tony
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
fixed, header, overlap, top-margin

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:24 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.