Return to previous page

Navigation bar look okay on some pages but on some pother pages it looks weird with a gap at the top

This topic has 7 replies, 2 voices, and was last updated 7 months, 3 weeks ago ago by Rose Tyler

Qilah

Participant

March 24, 2024 at 16:19

1. My navigation bar looks fine on homepage. But on other page there is a a big white gap on top of the navigation bar. How to fix this?

2. How can I increase the height of the page banners for all pages?

3. How can I add a floating icon but when clicked, it will open up a form in a pop up way?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#388359 Copied Theme version: 9.2.7

6 Answers

Rose Tyler

Support staff

March 24, 2024 at 17:14

Hello,

Thank you for reaching out to us with your queries.

1/ Fixed by disabling the header overlap option.

2/ To assist us in comprehending your request more thoroughly, we kindly ask that you provide screenshots of the page banners.

3/ There is no such option, unfortunately.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team

#388374 Copied

Qilah

Participant

March 25, 2024 at 07:08

I would like to add a side area like the video below. How can i add this? The side area will contain a form.

Files is visible for topic creator and
support staff only.

#388409 Copied

Qilah

Participant

March 25, 2024 at 07:28

I used the product element for this part. But I want it to not link to their single product page. How can I do that?

Files is visible for topic creator and
support staff only.

#388410 Copied
Rose Tyler

Support staff

March 25, 2024 at 08:27
Hello,

Thank you for getting in touch with us.

1/ All available settings for the Mobile menu you can find in Theme Options > Header Builder > Mobile menu.
Please check the Mobile menu on this demo – https://xstore.8theme.com/elementor/demos/digital-marketing/ It uses a static block, as described here – https://www.8theme.com/topic/how-to-add-images-on-mobile-menu/#post-354158
You can post requests for new settings on our taskboard https://www.8theme.com/taskboard/ , so our dev team can read it there.

2/ Custom CSS code can be used, for example –
https://prnt.sc/OtCvp30SlMWT
```
selector .etheme-product-grid-item {
    pointer-events: none !important;
}
```
We hope this information is helpful.

Best Regards,
8Theme’s Team
#388425 Copied
Qilah

Participant

March 25, 2024 at 17:00

Hi what are the steps i can do to add in the slide out(as attached on the image) on my navigation bar just like https://xstore.8theme.com/elementor/demos/digital-marketing/

Files is visible for topic creator and
support staff only.

#388554 Copied

Rose Tyler

Support staff

March 25, 2024 at 17:19

Hello, Qilah,

We are pleased to provide you with a step-by-step guide to assist you with your query:

1. Navigate to XStore > Static Blocks, then select ‘Add New’. Proceed to input the desired content and ensure you save your changes.

2. Proceed to the Header Builder and select ‘HTML Blocks’. From there, choose the static block you wish to use.

3. Incorporate the Mobile Menu into the content area of the header and ensure that the HTML block is enabled.

Should you require any further assistance, please do not hesitate to reach out to us.

Best Regards,
The 8Theme Team

#388556 Copied
Tagged: fix navigation bar, navigation bar issues, top gap problems, woocommerce layout issues, woocommerce theme fixes, woocommerce wordpress themes, wordpress navigation troubleshooting
Viewing 7 results - 1 through 7 (of 7 total)