CMS Development

charliestocks
Member

Issue with navigation

SOLVE

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
Reg
Solution
Contributor | Elite Partner
Contributor | Elite Partner

Issue with navigation

SOLVE

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

View solution in original post

0 Upvotes
TRooInbound
Solution
Key Advisor

Issue with navigation

SOLVE

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.

View solution in original post

0 Upvotes
6 Replies 6
Reg
Solution
Contributor | Elite Partner
Contributor | Elite Partner

Issue with navigation

SOLVE

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 Upvotes
TRooInbound
Key Advisor

Issue with navigation

SOLVE

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 Upvotes
charliestocks
Member

Issue with navigation

SOLVE

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 Upvotes
TRooInbound
Solution
Key Advisor

Issue with navigation

SOLVE

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 Upvotes
charliestocks
Member

Issue with navigation

SOLVE

Perfect! Thanks for your help.

TRooInbound
Key Advisor

Issue with navigation

SOLVE

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 Upvotes