Find and edit CSS element found in inspector in website's CSS

[EBS_Alumni]

Hello,

I want to add some padding between my website’s logo and the navigation menu which is to its right. I tried a lot of ways, but none worked. The only way which kind of worked was changing the following value in the website inspector:

but changing it in the inspector obviously does not change it in the website itself. How can I transfer this change to the website’s CSS code?

Thank you

[Dan-From-Ryviu]

You can try to find it on your Online store > Themes > Edit code > theme.liquid file

[EBS_Alumni]

thank you but I tried already and did not find it… what exactly do i have to look for?

[theycallmemakka]

Hi @EBS_Alumni ,

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

[Dan-From-Ryviu]

You can try to find it in header.liquid or something like menu liquid file

[EBS_Alumni]

Thank you!! I have been trying for hours now but that worked instantly!

[EBS_Alumni]

the problem was (apparently) that this entry did not exist and I had to add it, as @theycallmemakka correctly showed - thank you though!

[Dan-From-Ryviu]

Very welcome.