Return to previous page

How to recreate the menu fully using elementor grid ?

This topic has 34 replies, 4 voices, and was last updated 3 months, 1 weeks ago ago by Andrew Mitchell

Aulakh, Sam

Participant

July 27, 2024 at 17:29

I want to recreate full menu using elementor and off canvas menu for both side mini cart and hamburger menu and main menu as its not accessiblity friendly.

#407272 Copied Theme version: 9.3.16

33 Answers

Aulakh, Sam

Participant

July 27, 2024 at 17:37

…

#407273 Copied

Rose Tyler

Support staff

July 28, 2024 at 09:51

Hello,

We hope this message finds you well. We are writing to inform you that your recent request was not entirely clear to us. To better assist you, could you please provide a more detailed description along with any relevant screenshots?

Thank you for your cooperation.

Warm Regards,
The 8Theme Team

#407338 Copied

Aulakh, Sam

Participant

July 29, 2024 at 17:34

I want to use elementor header but exactly same header so i can make sure the header is accessible friendly

Also i fail to understand all plugins work for caching but worse i am really unable to lazzy load images in proper way the momement i enable it boom ?

#407655 Copied

Rose Tyler

Support staff

July 30, 2024 at 10:07

Hello,

Please read this article and watch a video about the new header builder via Elementor https://www.8theme.com/documentation/xstore/xstore-builders/new-xstore-header-builder-with-elementor/ This will help you to create a header according to your needs.

“Also i fail to understand all plugins work for caching but worse i am really unable to lazzy load images in proper way the momement i enable it boom ?” – Please describe what problem you see and what assistance is needed from our side.

Warm Regards,
The 8Theme Team

#407779 Copied

Aulakh, Sam

Participant

July 30, 2024 at 11:43

NA

#407816 Copied

Aulakh, Sam

Participant

July 30, 2024 at 12:08

Also i cant seem to find that demo import option as we have disabled it i was able to on the xstore builder aka gstore builder

Please contact administrator
for this information.

#407824 Copied

Rose Tyler

Support staff

July 30, 2024 at 13:07

Hello,

Please make sure that XStudio Studio is activated via Theme options > General https://prnt.sc/MLeyImaFEaLh

Warm Regards,
The 8Theme Team

#407840 Copied

Aulakh, Sam

Participant

July 30, 2024 at 14:32

NA

Please contact administrator
for this information.

#407880 Copied

Aulakh, Sam

Participant

July 30, 2024 at 14:56

https://share.cleanshot.com/Xn890xPp

my menu does’t look the same org site can you help modify the setting of space size etc please help stretch etc in accordance to current one and make it workable for tablet and mobile

TOP Purple bar vanishes

https://share.cleanshot.com/dnL2fJsP

logo size i want to be 240 witdh and 140px height i can adjust it later for the elementor header being built on following link –

https://hrngift.com/wp-admin/post.php?post=14353&action=elementor

#407894 Copied

Aulakh, Sam

Participant

July 30, 2024 at 16:13

Also it’s not sticky

#407922 Copied

Aulakh, Sam

Participant

July 30, 2024 at 18:39

i urgently need help with alignments please

#407943 Copied

Aulakh, Sam

Participant

July 31, 2024 at 12:42

Hi team did anyone get chance to see this ?

#408084 Copied

Aulakh, Sam

Participant

July 31, 2024 at 14:17

Hi support can anyone help me

#408116 Copied

Luca Rossi

Support staff

August 1, 2024 at 07:59

Dear Sam Aulakh,

We hope this message finds you well.

We would like to inform you that converting the menu from Header Customizer to Header Elementor falls outside the scope of our standard support services.

However, we are more than willing to offer some suggestions that might help you achieve your desired outcome:

1. Consider using a container instead of a grid to facilitate easier control over alignment.
2. For implementing a sticky option, you may find this guide useful: [Sticky Scrolling Effect – Elementor Pro](https://elementor.com/help/sticky-scrolling-effect-pro/)
3. When setting the width for an image, ensure that the height is set to auto for best results. Here is an example for your reference: [Image Settings Example](https://prnt.sc/e2BHdaLr8Zo4)

Additionally, we have added the purple topbar section to your site as requested.

Thank you for your understanding and cooperation.

Warm regards,
The 8Theme Team

#408231 Copied

Aulakh, Sam

Participant

August 1, 2024 at 11:19

Can fix what i made i am 90% done i need u to modify spacing etc

#408267 Copied

Aulakh, Sam

Participant

August 1, 2024 at 11:20

So is it not possible to achieve that with grid at all

#408268 Copied

Luca Rossi

Support staff

August 2, 2024 at 04:43

Dear Sam Aulakh,

We hope this message finds you well. We have observed that managing the grid system is proving to be quite challenging. To facilitate a more streamlined and efficient workflow, we kindly request that you transition to using containers.

Once this change is implemented, our team will be readily available to assist you with any minor issues that may arise, ensuring a smooth and effective resolution.

Thank you for your understanding and cooperation.

Best Regards,
8Theme’s Team

#408388 Copied

Aulakh, Sam

Participant

August 2, 2024 at 16:27

But just to ask is there huge difference in code of containers vs grid ? and what will i lack if i use container in terms sof speed etc
?

#408562 Copied

Luca Rossi

Support staff

August 3, 2024 at 05:41

Hi @Aulakh, Sam,

Here are some articles that explain the different between Grid and Container:

– https://theplusaddons.com/blog/elementor-flexbox-vs-grid-container-differences/#:~:text=layouts%20with%20ease.-,How%20do%20Elementor%20Flexbox%20containers%20differ%20from%20grid%20containers%3F,with%20multiple%20rows%20and%20columns.
– https://elementor.com/help/difference-between-containers-and-section-column/
– https://elementor.com/help/what-is-a-grid-container/

Hope it helps!

#408598 Copied

Aulakh, Sam

Participant

August 3, 2024 at 14:45

ok let me convert it to container then ask for your team who will be readily available to assist you with any minor issues that may arise, ensuring a smooth and effective resolution.

#408647 Copied

Aulakh, Sam

Participant

August 4, 2024 at 14:46

Maintain Width 146 PX globaly as logo should not be too tiny
https://share.cleanshot.com/nxvSMXzh => Desktop’s & Laptops View
https://share.cleanshot.com/JY8TN5CZ => Tablet’s Landscape View
https://share.cleanshot.com/89wf0P9q => Tablet’s Potrait View
https://share.cleanshot.com/8dcjZyMl => Mobile’s Potrait View
https://share.cleanshot.com/zm5N3rSZ => Mobile’s Landscape is not good too

WORSE IS THE HEADER WHEN I APPLY LOOKS UP CRACKED TO WHATEVER I HAVE DONE IN MODIFYING IT SO FAR
https://share.cleanshot.com/4xkjF501

#408732 Copied

Aulakh, Sam

Participant

August 4, 2024 at 19:33

Please help urgently whole menu looks cracked up

#408748 Copied

Luca Rossi

Support staff

August 5, 2024 at 08:30

Hi @Aulakh, Sam,

We’ve temporarily disabled the Litespeed Cache because we want to see the changes immediately.

We’ve updated some alignments, paddings, … to make your header looks good on many screen sizes. Please double check again:

– Desktop: https://prnt.sc/hVsO2o4F5-k8
– Tablet: https://prnt.sc/kuErXm9pkR0L https://prnt.sc/8u_Ad5iR2zQV
– Mobile: https://prnt.sc/7Bh62sI8Kbok

Further updating your header will fall out of scope our support standard services. Should you require further customization tailored to your specific needs, we kindly invite you to submit a request via our dedicated portal at: https://www.8theme.com/account/#etheme_customization_panel.

We appreciate your understanding and look forward to the opportunity to assist you further.

Best regards,
The 8Theme Team

#408794 Copied

Aulakh, Sam

Participant

August 5, 2024 at 13:44

Pink bar is sticky too for all
**Desktop Header:**

– The hamburger menu is missing on the right side of the site logo.
– The text on the pink bar should be in one line.

**Tablet Header:**

– The pink part does not appear correctly.
– [Tablet Landscape View](https://share.cleanshot.com/JY8TN5CZ)
– [Tablet Portrait View](https://share.cleanshot.com/89wf0P9q)
– The logo does not look centered.

**Mobile Header:**

– [Mobile Header Screenshot](https://share.cleanshot.com/y10MJh92)
– The icons are floating upward and are not aligned properly as shown in the previous pictures.

I understand that anything beyond this is out of scope, but I humbly request your assistance in resolving these major header issues. I can manage the rest. Thank you for your help!

#408860 Copied

Aulakh, Sam

Participant

August 5, 2024 at 13:54

It’s still cracked up –

https://share.cleanshot.com/Y3mcxbyf

#408861 Copied

Aulakh, Sam

Participant

August 5, 2024 at 14:09

Please assist urgently author thanks

#408864 Copied

Aulakh, Sam

Participant

August 5, 2024 at 15:04

I mean it’s urgent d.update some issue is there even we disable litespeed is not causing this please have a look its urgent as customer is complaining allot.

#408871 Copied

Aulakh, Sam

Participant

August 5, 2024 at 20:16

na

#408879 Copied

Aulakh, Sam

Participant

August 5, 2024 at 21:02

na

#408880 Copied
Tagged: elementor grid tutorial, elementor grid woocommerce, floating social icons, recreate wordpress menu, woocommerce customization, wordpress theme design, wordpress themes tutorial
1 2

Viewing 30 results - 1 through 30 (of 34 total)

The issue related to '‘How to recreate the menu fully using elementor grid ?’' has been successfully resolved, and the topic is now closed for further responses

How to recreate the menu fully using elementor grid ?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection