Return to previous page

Main menu position - by omthreetimes - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

omthreetimes

Participant

May 27, 2018 at 17:09

Hi, guys

I have two issues:

1. The alignment of the main menu is not behaving correctly by the looks of it. The position is to the right as long it is under 1200px (wild guess). This is what I want-The menu float to the right at all times. but unfortunately with higher resolution it jumps to the left.

2.I would like to remove the white line bordering the header. (screen attached)

Thanks and Regards,
Gert

Please, contact administrator
for this information.

#193671 Copied Theme version: latest WooCommerce version: latest

7 Answers
Rose Tyler

Support staff

May 29, 2018 at 10:38
Hello,

Please add this code in custom.css of parent theme or in style.css file of child theme:
```
.menu-main-menu-container {
    float: right;
}
.main-nav {
    border: none;
}
```
Regards
#193751 Copied
omthreetimes

Participant

May 29, 2018 at 14:38

Thank you!!! Does it make a difference if I put the code to additional CSS instead of style.css, because it had no effect in style.css, but works perfectly with additional CSS. I am using a child theme.

#193780 Copied

Rose Tyler

Support staff

May 29, 2018 at 14:46

You’re welcome!
The code can be added in additional CSS area without any problem.

Regards

#193784 Copied

omthreetimes

Participant

May 29, 2018 at 14:48

Is it possible to hide the border on mobile as well? Thanks.

#193785 Copied
Rose Tyler

Support staff

May 29, 2018 at 14:51
Please change this code:
```
.main-nav {
    border: none;
}
```
to:
```
.header, .main-nav {
    border: none;
}
```
Regards
#193786 Copied
omthreetimes

Participant

May 30, 2018 at 09:25

Thank you!! Worked perfectly!

#193849 Copied

Rose Tyler

Support staff

May 30, 2018 at 10:12

You’re welcome!

Regards

#193862 Copied
Viewing 8 results - 1 through 8 (of 8 total)