CMS Development

charliestocks
Miembro

Issue with navigation

resolver

Having an issue with our websites navigation bar. When viewed on www.agenor.co.uk the dropdown has all the dropdowns aligned properly. If you then go onto www.agenor.co.uk/iceflo and look at the same dropdowns they are not aligned properly. Can someone please look into this for us?

2 Soluciones aceptadas
Reg
Solución
Colaborador | Partner nivel Elite
Colaborador | Partner nivel Elite

Issue with navigation

resolver

Hey,

 

It looks like there is a stylesheet overriding your styles on that page. Check to make sure that default styles are clicked off on your page. When you goto your inside page edit within hubspot and scroll to the bottom section and make sure the domain default is off.

 

css.jpg

Reg Desgroseilliers
www.rdcoding.com

Ver la solución en mensaje original publicado

0 Me gusta
TRooInbound
Solución
Asesor destacado

Issue with navigation

resolver

Hi, @charliestocks,

 

It's ok if you don't find CSS,

 

add just my code to your Stylesheet.

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left:auto;
}

if you add above CSS in your stylesheet then no need to remove any CSS.

 

Thanks,

Team TRooInbound.

Ver la solución en mensaje original publicado

0 Me gusta
6 Respuestas 6
Reg
Solución
Colaborador | Partner nivel Elite
Colaborador | Partner nivel Elite

Issue with navigation

resolver

Hey,

 

It looks like there is a stylesheet overriding your styles on that page. Check to make sure that default styles are clicked off on your page. When you goto your inside page edit within hubspot and scroll to the bottom section and make sure the domain default is off.

 

css.jpg

Reg Desgroseilliers
www.rdcoding.com
0 Me gusta
TRooInbound
Asesor destacado

Issue with navigation

resolver

Hi @charliestocks,

 

I've investigating both pages and found in one extra CSS Stylesheet 

<link rel="stylesheet" href="https://www.agenor.co.uk/hs-fs/hub/376940/hub_generated/template_assets/1505920781821/custom/page/Vast_Theme/vast-modules.min.css">

added on https://www.agenor.co.uk/iceflo page.

 

if that CSS Stylesheet is not needed then remove it.

 

OR 

 

if don't want to remove that Stylesheet than paste code,

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left:auto;
}

Hope this work!

Team TRooInbound

 

 

0 Me gusta
charliestocks
Miembro

Issue with navigation

resolver

Hi Guys, thanks for the help, I'm still struggling to find the location of that stylesheet to turn it off... can you help?

0 Me gusta
TRooInbound
Solución
Asesor destacado

Issue with navigation

resolver

Hi, @charliestocks,

 

It's ok if you don't find CSS,

 

add just my code to your Stylesheet.

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left:auto;
}

if you add above CSS in your stylesheet then no need to remove any CSS.

 

Thanks,

Team TRooInbound.

0 Me gusta
charliestocks
Miembro

Issue with navigation

resolver

Perfect! Thanks for your help.

TRooInbound
Asesor destacado

Issue with navigation

resolver

Hi @charliestocks,

 

Now your website is looking nice.

 

Did my post help answer your query? Help the Community by marking it as a solution.

TRooInbound Team

more help please visit at www.trooinbound.com or email at hello@trooinbound.com

0 Me gusta