Issue with Navbar Styling
Question
Hello Everyone,
I am facing issue in Navbar where responsiveness is not working and styling is also conflicting with bootstrap.
@artf Can you please help on this?
Warm regards Milap
Answers (3)
Hey @milapshah15 ,
could you provide a little more information? Do you import bootstrap through the GrapesJS initialisation config under canvas styles property? Is the issue you are facing with responsiveness on bootstrap navbar or grapesjs?
Are your styles clashing with bootstraps when using basic blocks plugin? Here is an closed issue discussing the solution. Basically all you need to do is add an stylePrefix to the initialisation config under blocksBasicOpts. grapesjs.init({ container: '#gjs', plugins: ['gjs-preset-webpage'], pluginsOpts: { 'gjs-preset-webpage': { blocksBasicOpts: { blocks: ['link-block', 'quote', 'image', 'video', 'text', 'column1', 'column2', 'column3'], stylePrefix: 'ch-' }}}});
Have a great day.
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take action. Please reach out if you have or find the answers we need so that we can investigate further.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1214
Query for issue related to 873
Previous issue Please confirm, above reported bug has been resolved. Or still having same issue. Please confirm . Same issue with slider al...
Issue #1804
Applying two different traits on same html tag but applies only one
Hello @artf , If we need to initialize two traits on same HTML tag then it's possible or not? Actually i define two different traits on sam...
Issue #1296
Custom Rich Text Editor is not working
Hi @artf, I've just created a custom plugin of the RTE using different libraries like CKEditor 5, TinyMCE 4 or pell but all of them with th...
Issue #1493
[QUESTION] render() works on the first time but not on subsequent calls
Hello, I've created a custom component that shows images using background-image on a <div> instead of using an <img> element. It's mostly w...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.