Issue with navigation

SOLVE
Occasional Contributor

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 Accepted solutions

Accepted Solutions
Highlighted
Reg Regular Contributor | Diamond Partner
Regular Contributor | Diamond Partner

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

Reply
0 Upvotes
Regular Advisor

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.

Reply
0 Upvotes
6 Replies 6
Regular Advisor

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

 

 

Reply
0 Upvotes
Occasional Contributor

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

Reply
0 Upvotes
Regular Advisor

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.

Reply
0 Upvotes
Occasional Contributor

Perfect! Thanks for your help.

Regular Advisor

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

Reply
0 Upvotes
Highlighted
Reg Regular Contributor | Diamond Partner
Regular Contributor | Diamond Partner

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

Reply
0 Upvotes