Issue #1170Opened June 6, 2018by milapshah151 reactions

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)

FrciSmrciJune 6, 20181 reactions

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.

no-response[bot]June 18, 20180 reactions

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.

lock[bot]September 17, 20190 reactions

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.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.