Customize header

I’m using the X theme and I’m having trouble customizing the header for the mobile version of my site. How can I get rid of the horizontal line at the top (see screenshot) and customize the burger menu (primarily change its color)? Thanks in advance!

Hello Luca,

Thanks for writing to us.

I checked your website. It seems there is some custom CSS code rendering for mobile devices.

Please have a look at the screenshot given below.

To get rid of this horizontal line Please add this custom CSS code in X->Theme Options -->CSS

@media (max-width: 979px){
.x-navbar {
    border-top: 0px solid #b9965c;

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.

Thank you! That fixed my problem and helped a lot!

Hi Luca,

Glad that we are able to help you.