[Jackcoldrick]

Never mind guys, it was my own fault. I tried to implement a custom version of bootstrap to enable the 960 GS. When I reverted back to the original the problem was resolved. Thanks for the help

[Jackcoldrick]

I’ve added a screenshot. You can see the grey background isn’t filling the entire div. All the elements are children of that row.

Attachments:

You must be logged in to view attached files.

[Jackcoldrick]

Hi Rui,

I cannot as I’m building it locally. If I provide a screenshot would that help at all?

J

[Jackcoldrick]

Ok, but if that is the case what is the style.css file for in the dante child root directory?

[Jackcoldrick]

This reply has been marked as private.

[Jackcoldrick]

No problem, Thanks for the help Kyle.

[Jackcoldrick]

Ok, no problem Kyle. Sounds good. Just to confirm if I copy that code into functions.php in Child theme it wont work? I can save copy locally anyways.

[Jackcoldrick]

Hi Kyle,

I managed to resolve the issue and it turns out it was my own doing ( as I had expected from the start!). I have this css in my dante child style.css file:

.layout-fullwidth .fw-header.container, .layout-fullwidth .fw-header .container {
    width: 75%;
    padding: 0 30px;
}

If I comment it out the dropdowns work as they should. I’m guessing its something to do with the padding throwing it off? The reason I had the above code was to bring the menu in from the edges of the screen.

[Jackcoldrick]

Hi,

I can’t provide a link because it’s not live. The site is being developed locally. It’s just very unusual behaviour. I can’t explain it. Is there some JS that triggers the dropdown menu? If so could you point me to the correct location of it within the themes files and I may be able to debug myself.

[Jackcoldrick]

Thanks Rui,

I’ll try that and let you know how I get on.

[Jackcoldrick]

Hi Mohammad,

I did thank you, I found the row element in the Swift Page Builder, it allows you to set it to full width and include a background colour, I could then add whatever elements I desired into the row.

Thanks,

Jack

[Jackcoldrick]

Hey Rui,

That worked thank you so much for your help.

Cheers!

– Jack

[Jackcoldrick]

Hi Martin,

I’m developing locally on my machine at the moment so unfortunately, I would not be able to do so. I’m guessing that the navigation should automatically be displaying?

Thanks,

[Jackcoldrick]

I would like to find the code within the theme files responsible for building the mega menu. I’ve currently narrowed it down to the sf-header.php file, and from what you said above the sf_main_menu() function.

I can see that this is controlling the output of the menu itself as I can modify the code and see the output is changed. Or including a die() statement prevents menu from being output. That’s all fine. However I am trying to find the code responsible for the actual mega menu. Where is the HTML for the mega menu generated within the php?

The reason I would like to find this code is because I’d like my mega menu to look something like this: (see attached 1.png).

I would like to output the parent menu name in the mega menu, like the “SHOP” in red in the attached image. In order to do this I need to modify the function responsible for generating the mega menu HTML surely?

Attachments:

You must be logged in to view attached files.

[Jackcoldrick]

No your grand Kyle, Appreciate the help, however I’m looking for the code within the actual php itself as I’d like to modify in Child theme. Does that make any sense?