Border line separating header, menu bar, etc, from white space below

Store Design
, ,
1

Hi and Happy holidays!

How do I achieve the following in the Turbo theme, please? I’d like two thin lines: (1) separating the top bar where the cart and login are from the logo and menu below; and (2) separating the aforementioned logo and menu header section from any content below it (such as a white page). Your help would be greatly appreciated.

My store URL is: https://movamax-us.myshopify.com/

Thanks!

2

Hello @EmGee

Do you need this?

Anthony_David__1-1672256102784.png
Anthony_David__1-1672256102784.png1348×298 120 KB

and can you elobrate the 2nd point plz? I didnt get you

Thanks

3

Hello @EmGee

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1672281255744.png
GemPages_0-1672281255744.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1672281305163.png
GemPages_1-1672281305163.png1124×855 66.9 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

4

Hi. Yes, that’s exactly what I need. And as to my 2nd point, I need the same line just under the white (menu/header) area where the logo, menu and search bar are. In other words, I need another line to separate the menu/header area from the hero banner just below it. Hope this clarifies.

5

Hi @GemPages . Thanks for your response. Can you provide the code here in a reply so that I may copy and paste it please?

6

Hi @Anthony_David_1 . Yes, that’s exactly what I need. And as to my 2nd point, I need the same line just under the white (menu/header) area where the logo, menu and search bar are. In other words, I need another line to separate the menu/header area from the hero banner just below it. Hope this clarifies.

7

@EmGee here is the code

Hope this helps thank you.

8

Hi @Anthony_David_1 ,

It worked like a charm!!! A million thanks. Question: How can I do the same for the edges or border of my dropdown/mega-menu?

9

Hi @GemPages ,

Thank you sooo much! I’d just like to do the same for the edge or borders of the dropdown/mega-menu now. How do I go about this?

10

it would be great if you create a new request this and share the URL on my DM.

Only reason i am saying is it will help other to fix the issue if they come across.

Thanks