Archived topic
How to make rank math breadcrumb full width
9 replies · Started by Chetan Patil on January 6, 2023
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
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?
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
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.
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
Is this the URL we are talking about ?
Yes. And all other urls except frontpage
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.
I found it. Thank you
Glad to hear that