Return to previous page

Navigation Bar – Remove Double Line from tablet and mobile

This topic has 7 replies, 2 voices, and was last updated 4 years ago ago by iconet

iconet

Participant

November 17, 2020 at 14:43

Hi!
I removed the double header line from the desktop display but it remains on cell phones and tablets.
How can I remove them from these last two devices?
I use the Lagenda theme with Trasparent header.
Thank you in advance for all the support you can give me.

#260008 Copied Theme version: 4.3.2 WooCommerce version: 4.7.0

6 Answers

Olga Barlow

Support staff

November 18, 2020 at 16:42

Hello,

We can’t check your site because of the maintenance mode http://prntscr.com/vlkwqa
Please, provide us with temporary WP Dashboard access to your site to check and help you.

Regards

#260214 Copied

iconet

Participant

November 18, 2020 at 16:52

Sorry. I gave me the address of the site under maintenance and not the one I’m working on.
The correct URL is https://staging.atelierdama.it/

#260222 Copied

Olga Barlow

Support staff

November 18, 2020 at 18:18

Hello,

The same http://prntscr.com/vlmx38
Please, provide us with temporary WP Dashboard access to your site and correct link to check and help you.

Regards

#260250 Copied

iconet

Participant

November 20, 2020 at 16:49

Sorry for the problems in seeing the site. Now the site is public and you can see it from this URL: https://www.atelierdama.it/

The code entered in the custom CSS to disable the two lines is this:

.main-nav, .header-type-6 .main-nav .double-border {
border: none;
}

It only works on the destop.
In the meantime, I show you pictures of how the home page looks like on desktop, tablet and mobile.

https://prntscr.com/vmx63p This is the desktop home page screen: the two lines do not appear.

https://prntscr.com/vmx68u This is the home page screen on tablet: the two lines appear.

https://prntscr.com/vmx6en This is the home page screen on tablet: the two lines appear.

Excuse me again and I await your indication on how to solve the problem.

Antonio Volpe

#260548 Copied
Olga Barlow

Support staff

November 23, 2020 at 13:31
Hello,

Replace the previous code with the code below
```
.main-nav, .header-type-6 .main-nav .double-border, .top-bar, .header {
    border: none;
}
```
Regards
#260825 Copied
iconet

Participant

November 28, 2020 at 00:39

Thanks!

#261652 Copied
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Navigation Bar – Remove Double Line from tablet and mobile’' has been successfully resolved, and the topic is now closed for further responses

Navigation Bar – Remove Double Line from tablet and mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection