Site logo

Archived topic

How to remove word

11 replies · Started by Nicole on January 6, 2022

Viewing posts 1–12 of 12

how to remove the word home on the homepage?

Thank you

Hi Nicole,

To clarify: By "home" did you mean the "Home" text string added by Rankmath's breadcrumbs as shown here? - https://share.getcloudapp.com/Z4u1wpq9

If so, you'll have to check first how the breadcrumb was added in the first place

If it's added through a Hook element or Block element, you can set the Display Rule tab's Exclusion and include "Front Page" so the breadcrumbs doesn't show up on the home page. :D

Great thank you. Can you also tell why the colors on the home page might not be updating on mobile?

Great thank you. Can you also tell why the colors on the home page might not be updating on mobile?

Can you point us to which part of the page you wish to change color on mobile?

So the green boxes I changed to orange and the icons I changed from red to orange, however it is not showing up on mobile as changed even though on desktop it is showing up changed.
Thank you

Can you try clearing the cache and see if the changes made finally applies?

yes I did

Can you tell us how you're doing the change?

I can see that you're using GenerateBlocks for these elements and knowing that GB doesn't have responsive settings for color, I figured perhaps you were doing it w/ custom CSS.

With that in mind, I checked for any custom CSS that may be related to .gb-container-0374089b for its border change and p.gb-headline-[xxxxx] .gb-icon for its color but I didn't find any.

Can you tell us how you've applied the changes you've mentioned?

In case I've misunderstood and you were actually asking how to do it:

You can add this CSS:

@media (max-width: 768px){
    p.gb-headline span.gb-icon { color: orange; }

    .gb-container.border-color-change {
        border-color: orange ;
    }
}

And then for the container blocks with the border, go to Advanced > Additional CSS Class(es) field and add border-color-change.

For example the four icons in the middle of the home page, (star, calendar, checkmark and three lines) i selected the block and under colors changed the icon color..the desktop colors changed however the mobile ones are not changing?
Thank you

Hi there,

can you try clearing your mobile browser cache ?

Hello,

Yes I already tried that and I looked from another mobile as well

Thank you

This is a screenshot from my mobile:

https://www.screencast.com/t/Qoj9PhrVUaTj

Which are the same colors as the desktop version.

Either theres a CDN or server cache in play that means i am being served a different file to you.
OR your router / ISP has cached the mobile page.

Can you confirm:

a) the red color is correct
b) test your mobile on a different network.

This archived topic is closed to new replies.