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
  #21  
Old 12-20-2013, 10:21 AM
Maya's Avatar
Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default


Quote:
Originally Posted by Nicole Sievert View Post
Hi Maya,

Yes, I will need help adding my logo to the new mobile version of store. In system settings - general - mobile version - it defaults to the old site https://driftfacials.ecwid.com There is no option to change this to https://driftfacials.ecwid.com/m so the logo when added (nor the text header) appears on this version of the site.
Hello Nicole,

In order to add your logo on the top of new mobile version, you should use following CSS code:
Code:
body.ecwid-rich-mobile div.ecwid-productBrowser {
    background: transparent url(https://driftfacials.ecwid.com/image/209802565?ownerid=4004033) 10px 10px no-repeat;
    padding-top: 235px;    
}
It should be pasted in the end of your custom CSS theme in Ecwid control panel -> System Settings -> Design. https://driftfacials.ecwid.com/image...wnerid=4004033 could be changed to another link to your store logo, if needed.

Good luck!
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #22  
Old 01-07-2014, 02:59 AM
Nicole Sievert's Avatar
Nicole Sievert Nicole Sievert is offline
Junior Member
 
Join Date: Dec 2013
Posts: 5
Default

Hi Maya,

Apologies for the delayed response, I have been away on holidays. I tried the code you provided, and that did not work either. Attached is screenshot - it positions the logo as a background - not as a header, so the 1st shopping category is layered over the top.
  #23  
Old 04-26-2014, 07:02 PM
QEI Imports's Avatar
QEI Imports QEI Imports is offline
 
Join Date: Feb 2014
Posts: 18
Default Mobile Store CSS

Quote:
Originally Posted by Maya View Post
Hello Nicole,

In order to add your logo on the top of new mobile version, you should use following CSS code:
Code:
body.ecwid-rich-mobile div.ecwid-productBrowser {
    background: transparent url(https://driftfacials.ecwid.com/image/209802565?ownerid=4004033) 10px 10px no-repeat;
    padding-top: 235px;    
}
It should be pasted in the end of your custom CSS theme in Ecwid control panel -> System Settings -> Design. https://driftfacials.ecwid.com/image...wnerid=4004033 could be changed to another link to your store logo, if needed.

Good luck!
Hi Maya

I tried using this code as well and got the same result as Nicole with the image being overlaid by other items in the product browser, so I tried the following instead:

Code:
body.ecwid-rich-mobile div.ecwid-productBrowser-auth{
   background: transparent url(http://www.qei-imports.com/media/3145/QEI_logo_sig_100.png) 10px 10px no-repeat;
height: 80px;
}
This stops the image being overlaid, but as you can see from the attached screenshot (red box), keeps the sign in links & favorites menu at the top of the page but moves the minicart down to the center of the cell.

I couldn't work out how to get control of these elements to be able to reposition them. Do you have any ideas?

Thanks,
Nina

  #24  
Old 04-28-2014, 12:54 PM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Hello,

Please, try to add following code in the end of your custom CSS theme to display banner properly:

Code:
body.ecwid-rich-mobile table.ecwid-productBrowser-auth-mini-horizontal{
  margin-top: -40px;
}
body.ecwid-rich-mobile div.ecwid-productBrowser{
    padding-top: 80px;
    background: transparent url(http://www.qei-imports.com/media/3145/QEI_logo_sig_100.png) 10px 10px no-repeat;
}
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #25  
Old 04-28-2014, 03:57 PM
QEI Imports's Avatar
QEI Imports QEI Imports is offline
 
Join Date: Feb 2014
Posts: 18
Default

Quote:
Originally Posted by Maya View Post
Hello,

Please, try to add following code in the end of your custom CSS theme to display banner properly:

Code:
body.ecwid-rich-mobile table.ecwid-productBrowser-auth-mini-horizontal{
  margin-top: -40px;
}
body.ecwid-rich-mobile div.ecwid-productBrowser{
    padding-top: 80px;
    background: transparent url(http://www.qei-imports.com/media/3145/QEI_logo_sig_100.png) 10px 10px no-repeat;
}
Hi Maya

Thanks for this. Unfortunately it didn't work. Here's a screen shot:



The effect was the same as the css you gave to Nicole - i.e. logo becomes a background and everything sits on top of it. The css for the auth-mini-horizontal class had no effect. I've disabled all for now and returned to my css controlling the -auth class, so that the logo is not being overlapped. Do you have any more suggestions?

By the way, does it make a difference where in my css I place this? As you suggested, I placed your code at the end, but I didn't see any difference when I did that with my snippet, so I've left it at the top (easier to find!).
  #26  
Old 05-06-2014, 02:42 PM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by QEI Imports View Post
Hi Maya

Thanks for this. Unfortunately it didn't work. Here's a screen shot:



The effect was the same as the css you gave to Nicole - i.e. logo becomes a background and everything sits on top of it. The css for the auth-mini-horizontal class had no effect. I've disabled all for now and returned to my css controlling the -auth class, so that the logo is not being overlapped. Do you have any more suggestions?

By the way, does it make a difference where in my css I place this? As you suggested, I placed your code at the end, but I didn't see any difference when I did that with my snippet, so I've left it at the top (easier to find!).
Hello,

I'm sorry for delay with answer.

It seems that some Ecwid rules were overrided by default Ecwid styles. Please, use !important to solve this conflict.

Try following code instead of yours:
Code:
body.ecwid-rich-mobile table.ecwid-productBrowser-auth-mini-horizontal{
  margin-top: -60px !important;
}
body.ecwid-rich-mobile div.ecwid-productBrowser{
    padding-top: 80px !important;
    background: transparent url(http://www.qei-imports.com/media/3145/QEI_logo_sig_100.png) 10px 10px no-repeat;
}
I look forward to your reply.
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #27  
Old 05-06-2014, 02:48 PM
QEI Imports's Avatar
QEI Imports QEI Imports is offline
 
Join Date: Feb 2014
Posts: 18
Default

That worked a treat. Thanks Maya!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
design, mobile store

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 05:26 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.