Help on Labelling Menu Please

  • Resolved philipn

    (@philipn)


    10 years, 1 month ago

    Hi everyone. I wonder if anyone can help me.
    I’m sorting out my own site; it’s on test site which is disputeresolve.co.uk.gridhosted.co.uk

    My last problem is the labelling on the menu where it says “Resolve A Dispute” – the drop down menu looks terrible but I can’t find how to adjust it.

    Has anyone got any ideas please?

    Many thanks

Viewing 11 replies - 1 through 11 (of 11 total)
  • polashdeb

    (@polashdeb)

    10 years, 1 month ago

    can you input more details on it?

    There is no “Resolve a Dispute” menu/button i see.

    Thread Starter philipn

    (@philipn)

    10 years, 1 month ago

    Thanks for your reply. It’s on the header and they go Home, About Us, Arbitration, Services We Provide, then Resolve A Dispute, News and Get in Touch.
    The drop down menu when you scroll over Resolve A Dispute looks so bad:)
    Thanks

    Thread Starter philipn

    (@philipn)

    10 years, 1 month ago

    Nicolae Pop

    (@nyxko)

    10 years, 1 month ago

    Hi there,

    Check your CSS, your header[role='banner'] .nav li has a line-height of 300px which will make the dropdown show with that extra space. Adjust your CSS, I’m thinking get rid of the line-height and add a padding-top to adjust the positioning of the menu in respect to the logo; something like header[role="banner"] .nav { padding-top: 120px; }.

    Cheers

    Thread Starter philipn

    (@philipn)

    10 years, 1 month ago

    Thank you for that. I’ve adjusted and it looks much better:)

    Last question, can I alter the settings so the drop down menu has a transparent background rather than bold white?

    Many thanks:)

    Rajan Vijayan

    (@rajanit2000)

    10 years, 1 month ago

    Site link please

    Thread Starter philipn

    (@philipn)

    10 years, 1 month ago

    disputeresolve.co.uk.gridhosted.co.uk

    🙂

    Rajan Vijayan

    (@rajanit2000)

    10 years, 1 month ago

    use this code 

    header[role="banner"] .nav li ul.sub-menu, header[role="banner"] .nav li ul.children{
	background:rgba(255,255,255,0.8)
}
    Rajan Vijayan

    (@rajanit2000)

    10 years, 1 month ago

    Or

    header[role="banner"] .nav li ul.sub-menu, header[role="banner"] .nav li ul.children{
	background:rgba(255,255,255,0.6)
}

    Thread Starter philipn

    (@philipn)

    10 years, 1 month ago

    thanks for that:)))

    Rajan Vijayan

    (@rajanit2000)

    10 years, 1 month ago

    Cheers 🙂

    Mark as resolved

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Help on Labelling Menu Please’ is closed to new replies.