Return to previous page

Two issues with the header – logo resize and gap

This topic has 11 replies, 2 voices, and was last updated 3 years, 2 months ago ago by John L

John L

Participant

November 26, 2021 at 22:46

Hello there,

we currently experience two issues with x-store related to the header.

1. When scrolling down with the sticky header activated, the logo resizes (it gets smaller). I’ve tried a few things, but couln’t identify what causes this.

2. When making the browser window smaller to the point it switches to the mobile header, there is a big gap from top to where the header begins. I’ve attached a screenshot for you to see what I mean.

thank you in advance,
Johann

Please, contact administrator
for this information.

#309996 Copied Theme version: 8.0.7

10 Answers

Rose Tyler

Support staff

November 27, 2021 at 09:20

Hello,

1/ Change or delete this custom CSS code – https://prnt.sc/20xkjpr
2/ Check on a real mobile device where you are not login as administrator. It is because of the default admin panel, so your users won’t face such situation.

Regards

#310024 Copied

John L

Participant

November 27, 2021 at 11:14

Thank you!

1) Oh, I see. I did that custom code, because the product images on the shop page were too big… it seems that I have to make a compromise here.

2) On mobile it seems fine, but in the browser window, even when I’m not logged in, the issue is still there. So the admin panel is not the cause here. I’ve attached a screenshot – done on a different browser, without cookies and login.

Please contact administrator
for this information.

#310037 Copied

Rose Tyler

Support staff

November 27, 2021 at 12:06

1/ Try to disable “Stretch Product Image” via Theme Options
2/ When you re-size browser window, you need to reload page, click on https://prnt.sc/20xlrju and check the content then.

Regards

#310041 Copied

John L

Participant

November 27, 2021 at 12:56

Thank you, this helped me out. 🙂

I came across one another thing. Maybe you can answer this here, without me opening another topic.

On mobile view in the shop there is this icon to open the off-canvas filter. I would like to have this on a bigger resolution, as on the tablet view the filters are on the bottom. How do I make this happen?

#310046 Copied

Rose Tyler

Support staff

November 27, 2021 at 13:11

You’re welcome!
Does it work the same on our demo https://xstore.8theme.com/elementor/product-category/all/ ?

Regards

#310048 Copied

John L

Participant

November 27, 2021 at 13:41

Kind of.

https://gyazo.com/488e7a7b2286f84f2c33bd21c44d1d06
This icon on the left is my current mobile view, I would like to have on my tablet.

Currently on my tablet I have the left sidebar on bottom:
https://gyazo.com/1dc927b895b80db08b51ec1dfdaf6015

#310052 Copied

Rose Tyler

Support staff

November 27, 2021 at 14:58

Here is what we can see – https://prnt.sc/20xmah8

Regards

#310058 Copied

John L

Participant

November 27, 2021 at 15:08

https://gyazo.com/baa4635cb6138b7c784f335f4f1f713c
This is how it looks on an ipad 10. The resolution is on top.

Same thing on an Ipad Mini:
https://gyazo.com/8ba5a8de64326cd301fdce76f15705c9

#310059 Copied

Rose Tyler

Support staff

November 28, 2021 at 09:01

Have you checked on a real device or via emulator? What emulator do you use?
https://prnt.sc/20xudd1 – https://prnt.sc/20xudfg
https://prnt.sc/20xudhd – https://prnt.sc/20xudk8
When you re-size browser window or use emulator, you need to reload page, click on https://prnt.sc/20xlrju and check the content then.

Regards

#310094 Copied

John L

Participant

November 29, 2021 at 19:36

Hello.

We use a browser extension, but even there it does work correctly now…

Thank your for your support. 🙂

#310281 Copied
Tagged: header, logo, resize, templates, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘two issues with the header – logo resize and gap’' has been successfully resolved, and the topic is now closed for further responses

Two issues with the header – logo resize and gap

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection