Return to previous page

Header for unlogged users on PC shows like a Mobile Header

This topic has 7 replies, 3 voices, and was last updated 2 years, 7 months ago ago by Olga Barlow

Ralf128

Participant

May 21, 2022 at 09:26

Hello,

I have a problem with the Header: The Homepage for unlogged users shows the Header for a Mobile and when the user is logged in The Header shows properly.

I would like to modify the (add to cart) button added with Elementor as follows:
when the Product not in Stock: add to cart button should shows in Gray, is not clickable and shows while hovering as a ballon (not in Stock)

currently shows the button when the product is out of stock the (not in Stock) phrase over the button

#324333 Copied Theme version: 8.1.5 WooCommerce version: 6.5.1

6 Answers

Rose Tyler

Support staff

May 21, 2022 at 09:42

Hello,

1/ Go to Theme Options > General > disable the Mobile header optimization option.
Check the mobile header after that.
2/ Provide screenshot and temporary wp-admin access, so we can take a closer look.
You can use Lightshot screenshot or Gyazo tool to share links to your screenshots.

Regards

#324334 Copied

Ralf128

Participant

May 21, 2022 at 13:18

Hello Rose,

Thank you for your Reply.
1/ Worked well 🙂

2/ There are several products on the Homepage:
the “Add to Cart” Button for the Products in Stock looks gut.
https://prnt.sc/IwLVWUoq_Rak

the “Add to Cart” Button for the Products out of Stock looks displaced and above it is the Phrase “Out of Stock”.
https://prnt.sc/dA2Kmsn0XNtU

it would be better if the button can be just displayed in gray (not displaced) and the Phrase “Out of Stock” is shown as a baloon when hovering over the mouse.

Please contact administrator
for this information.

#324352 Copied

Ralf128

Participant

May 21, 2022 at 13:41

hey,
one more thing I would like the number next to the Cart icon to disappear when there are no items in the Cart.
Better as showing “0”. ?

https://prnt.sc/thh4SU8tQiH9

Thanx again

#324358 Copied
Rose Tyler

Support staff

May 22, 2022 at 07:15
Hello,

1/ Thanks for the explanation. There is no such possibility, right now, unfortunately. Please submit your request here – https://www.8theme.com/taskboard/
Styling of button you can change via settings of the element https://prnt.sc/uVIdVdC1aYiC
2/ Add the next code in Theme Options > Theme custom CSS:
```
.et_b_header-cart.et_element-top-level .et-quantity.count-0 {
    display: none;
}
```
Regards
#324373 Copied
Ralf128

Participant

May 22, 2022 at 20:06

Thanks Rose

#324394 Copied

Olga Barlow

Support staff

May 23, 2022 at 14:27

Hello,

You are welcome.

Regards

#324415 Copied
Tagged: adaptive, header, mobile, responsive, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)