[Resolved] How to make rank math breadcrumb full width

[Chetan Patil]

hi

I want to make rank math breadcrumb full width. currently it is going inside GB-Container.
Here is the screenshot https://prnt.sc/k4isJ140odpb and link to the page –>
https://fiverr.startupwebsite.net/nordvpn/

Reference –> https://prnt.sc/6sU9-TGBHdUN

Regards

[Fernando]

Hi Chetan,

Not sure if we understand your request. It already seems full-width.

Can you explain a bit more about what you would like to happen? And, if possible, can you also provide an example?

[Chetan Patil]

Hi Fernando,

It is not full width. It is inside container –> https://prnt.sc/GHb8tZ5A3dla
Check the red background. That should be touching both side of the screen.
Example -> https://prnt.sc/rVz2qgorSGOR

Regards

[David]

Hi there,

Edit the Block Element you’re using to add the breadcrumb, title and meta.
Add another Container block before the top level container block.
Then add your breadcrumb inside that new Container Block. You can then set the Container Block to full width and style it separately from the other content.

[Chetan Patil]

I am not adding this container as hook. It is coming from Rankmath Directly. https://prnt.sc/IX8v3J4weCja
If I disable this and add manually then it doesn’t show up either.

Regards

[David]

Is this the URL we are talking about ?

https://fiverr.startupwebsite.net/nordvpn/

[Chetan Patil]

Yes. And all other urls except frontpage

[David]

See here:

https://www.screencast.com/t/9XoT7RHM

The Rankmath bredcrumb is being output inside a GB Headline Block, which is inside the GB Container Block that also contains the post title and meta.

That cannot be automatically being added by Rankmath, its either a Shortcode inside the GB Headline block or its another PHP Function filtering that.

[Chetan Patil]

I found it. Thank you

[David]

Glad to hear that

[Author]

Posts