Product page

[redblue083190]

Hi David,

Thank you for your help! This is my previous topic. Don’t know why my reply haven’t shown. Sorry if I repeat the message.

Some issues on the productpage and the menu bar

Image 1
1) Don’t know why it got a white bar on the top of the mobile version.

Image 2
2) As mentioned before, space between menu and logo are not even. The bug may came from the menu coz the logo is center now.

3) The product title still not centered yet….

4) May I know how to change the color of “10 in stock” text in code?

5) Is it possible to center the social icon and remove the “Share” text

One more thing, when I upload image to my site, I got HTTP ERROR and I am hosted by godaay.
When I switched to other theme, it works fine. Do you have any idea?

Thankyou.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) You need to disable the top bar. Theme Options => Header Options => Enable Top Bar

2) This looks to be resolved.

3) Please add this:

.summary-top h1 {
    max-width: 100%;
}

4) Looks like you removed that, can you re-add it so I can provide the CSS?

5) For single product, you have removed this?

– David.

[redblue083190]

Hi David,

For Q1)
I am sorry. I don’t understand yet. That means if I have top bar on my desktop version(FREE SHIPPING ON ALL ORDERS……), the white bar issue will occur?! It doesn’t make any sense. Is there anything can do to solve this problem?

[Kyle – SUPPORT]

Add this to your custom css:

@media only screen and (max-width: 479px) { 
#top-bar-sticky-wrapper {
  display: none;
}
}

– Kyle