Remove logo from header and centralise menu on Radiant theme

Store Design
,

Topic summary

A user seeks to remove the small logo from the Radiant theme header and center the navigation menu while keeping checkout/search icons right-aligned.

Initial Solutions:

  • One responder provided CSS to hide .header__heading, which successfully removed the logo from the homepage only
  • Another solution using display: none !important on both .header__heading-link and .header__heading worked across all pages but caused the logo to briefly flash when switching pages

Current Status:

  • The main objective (logo removal) is mostly achieved, though a minor flashing issue persists during page transitions
  • A responder suggested editing the header.liquid file directly by removing code related to settings.logo != blank, but this didn’t resolve the flashing
  • The discussion remains open with the responder offering to review the header.liquid file code directly to fix the remaining flash issue

Note: The original request to center the menu items has not yet been addressed in the responses.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi,

Can anyone please tell me how to get rid of the small logo completely from the header on the Radiant theme?

I would then like to make it so the menu items are in the centre of the page, with the checkout/search symbols still over to the right as they are currently. Screenshots attached to give an idea.

The URL is https://josephinedellow.myshopify.com/

Thankyou in advance :grinning_face:

Screenshot-2025-04-24-at-12.28.49.jpg
Screenshot-2025-04-24-at-12.28.49.jpg1400×247 23.5 KB

Screenshot-2025-04-24-at-12.28.59.jpg
Screenshot-2025-04-24-at-12.28.59.jpg1200×228 21.2 KB

2 Likes
2

hey @Jojo_pudding share the URLs of your website plz

3

Hi @Jojo_pudding ,

Can you please share your store URL?

4

Hi, yes it’s https://josephinedellow.myshopify.com/

1 Like
5

Hi, I’m getting an error message when I try to reply with it but I’ve edited the message to include the URL now

1 Like
6

i think you want this one

Mustafa_Ali_0-1745496635266.png
Mustafa_Ali_0-1745496635266.png1262×557 483 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution

7

Thank you @Jojo_pudding .

Try to insert this code in your Theme Editor → Custom CSS:

.header__heading {
display: none;
}

heading.png
heading.png1912×881 184 KB

8

Thankyou @Cristina_92 for your help! This did remove the small logo from the header (like I wanted), but only on the home page. When I click on other pages, it reappears. Is there anything you can suggest please?

1 Like
9

Hi @Jojo_pudding ,

Please add code:

.header__heading-link,
.header__heading {
    display: none !important;
}
1 Like
10

Great, thankyou! That seemed to work almost perfectly. Now, when I switch between pages, the old logo flashes up quickly but doesn’t stay. Not a big problem if that’s not an easy fix.

Thanks so much everyone :blush:

11

Thanks for your answer. This made the big logo disappear, rather than the smaller one (which was the one I wanted to remove) but there was another answer below that’s done what I needed.

Thanks anyway, I appreciate it :blush:

12

Hi @Jojo_pudding ,

Please go to Actions > Edit code > sections > header.liquid file, find ‘settings.logo != blank’ and remove code here:

1.png
1.png2176×1312 411 KB

2.png
2.png2268×1268 420 KB

13

Thankyou for this, I followed the instructions but it’s still flashing up unfortunately.

14

You are welcome @Jojo_pudding :slightly_smiling_face: !

15

Hi @Jojo_pudding ,

Please send me the code of header.liquid file, I will check and change it

1 Like