How can I remove a header line in the Reformation Theme using CSS code?

Store Design
, ,
1

Hi,

Trying to remove a line separating the header and the main body in the Reformation Theme. I have seen others asking similar question and the popular answer is to add css code like this " .site-header {border-bottom: 0px solid transparent !important;} " at the “bottom” of the file.

Also, when I open the code, I don’t see “css” or “scss” files. just a ‘theme.liquid’ file. I am assuming this is similar?

I know the code can’t just sit at the bottom of the file. So can someone help me with this?

2

Hello @RobertCarmesi

I would like to give you a solution to support you

  1. Go to Online Store → Theme → Edit code:

GemPages_0-1669618959296.png
GemPages_0-1669618959296.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before :

you can add css inside the tag pair:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

3

Hi!

I added the code. No change.

RobertCarmesi_0-1670348198565.png
RobertCarmesi_0-1670348198565.png806×860 35.5 KB

RobertCarmesi_1-1670348238882.png
RobertCarmesi_1-1670348238882.png318×253 41.6 KB

It’s the little white line under the menu. Maybe its to the menu?

4

Do you have a link to your site? It would be easier to debug with one

5

yeah, sorry for the late reply. here it is.

https://carmesiny.com/

6

Assuming you have a file called app.css and that isn’t just a compiled one, add this line:

header.header.transparent--true {
    border-bottom: 1px solid transparent;
}
7

Did you ever figure this out?