[Resolved] Default Bootstrap menu visible before custom CSS loads

[Author]

Posts

[paulinaS]

I am trying to: Change menu styling. Iam using Child Toolset Starter with Layouts. I made a header with logo and menu using Layouts. The menu was initially inthe standard Bootstrap styling which I changed using Custom Layouts CSS

I expected to see: Menu in custom styling

Instead, I got: Before my styling appears there is a moment when standard blue background appears which doesn't look good. What can I do to effectively replace CSS for custom?

The problem occurs always but one of reference sites may be this one: hidden link

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

You should try to edit "theme.css" file at path: toolset-starter/css/theme.css
=> Remove all the CSS which belongs to ".navbar" class selector.

Actually - theme.css is compiled file that is minified version. You will find CSS code in single line.

You may use the following site to unminify the CSS file: hidden link

Please note that custom CSS will it be overridden when you update the starter theme.

[paulinaS]

Thank you for your advice. However, it didn't help as problematic styling is taken from ../admin-ajax.php?action=ref_dynamic_css
I believe the background color is taken from Personalization settings - this is my main color but I don't want it as a menu background but menu links.

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

You need to target your nav-menu CSS classes and apply to color you wanted. You may need to restructure your CSS and this will require CSS style knowledge.

Here are few tutorials:
=> learning CSS: hidden link
=> hidden link
=> hidden link

You may contact our certified partners as well they will help you with your custom needs:
https://toolset.com/consultant/