How to hide bottom header border on mobile

Hi, i want to hide main header bottom border and bottom header bottom border on mobile, how can i do that in css? I want these borders only on desktop, not mobile.

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Password below

Hello,

I have removed the navigation dots: https://gyazo.com/d13a64f576547f76e3d6d069d1a4e0af

If you have any questions please feel free to contact us.

Best Regards

Why did You do that??

I didn’t want to change any dots.

I just wanted to hide HEADER BOTTOM BORDER on mobile, it’s that black line below the header.

Hello,

I have returned navigation. I still cannot figure out what you wanted to delete: https://gyazo.com/c38a23fa7304a8c134b1e31167bac0b1

Please provide the screen of the gap and advise the screen width.

Best Regards

Header bottom border (that black line under the header) is visible on desktop and mobile version. I want it to dissappear on mobile, but visible on desktop.

That black line is visible on Your screenshot, thats exactly what i want to delete on mobile version only

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile/Tablet/Landscape:

body .whb-general-header-inner {
border-color:transparent;
}

Best Regards

It works, thanks

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts