Return to previous page

Navigation Menu Full Width - by Protouch

This topic has 18 replies, 3 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

Protouch

Participant

December 22, 2014 at 20:55

Hello,
Please help about navigation menu. When the navigation link is going to be too much it’s going down of main line and main header increases it’s height as well as same thing happened with fixed header. But there is too much gap in right side of main header. So why extra link going down below? Actually I think though the search form and add to cart icon deactivated by theme option, it is actually invisible but keeping the space in container area. Is this a issue or may be there a solution for full width menu beside logo? Reply soon.

Please don’t ask for private content. Thank you.

#30756 Copied

17 Answers

Robert Hall

Support staff

December 22, 2014 at 20:57

Hello,

Please provide us with link to the page and wp-admin access in Private Content.

Regards,
Robert Hall.

#30758 Copied

Protouch

Participant

December 23, 2014 at 10:43

I can’t provide admin panel as my client is not agree. But take a look to this snipping of site. Hope it’ll clearly open the problem.
Header_snipping

#30820 Copied

Eva Kemp

Support staff

December 23, 2014 at 11:30

Hello,

You need add some code to custom.css file to fix the issue. To give you the correct code you need provide us with a site url. If you don’t want to do this you can edit the file yourself.

Thank you.
Regards,
Eva Kemp.

#30829 Copied

Protouch

Participant

December 23, 2014 at 11:41

Which class you used in this case? I mean for navigation menu width.

#30830 Copied

Eva Kemp

Support staff

December 23, 2014 at 11:45

Hello,

Please specify what header type you’re using.

Thank you.
Regards,
Eva Kemp.

#30833 Copied

Protouch

Participant

December 23, 2014 at 12:44

Header Type 3
Header Type

#30846 Copied
Robert Hall

Support staff

December 23, 2014 at 14:33
Hello,

Try to change width in menu with adding that code into custom.css file:
```
.tbs {
width: 660px;
}
```
Regards,
Robert Hall.
#30869 Copied
Protouch

Participant

December 23, 2014 at 16:40

not working this code. Is there another way?

#30910 Copied
Eva Kemp

Support staff

December 23, 2014 at 17:37
Hello,

Please add this code into custom.css instead of the previous one:
```
.navbar-collapse {
    width: 800px !important;
}
```
Regards,
Eva Kemp.
#30916 Copied
Protouch

Participant

December 23, 2014 at 18:00

Main header navigation is now full width, but no change for fixed header. Is there another code?

#30924 Copied
Eva Kemp

Support staff

December 23, 2014 at 18:24
Hello,

For fixed header please add this code:
```
.fixed-header-area .menu {
width: 800px !important;
}
```
Regards,
Eva Kemp.
#30927 Copied
Protouch

Participant

December 23, 2014 at 18:49

Ok now it is all fine. Can you tell me by which code I can change the navigation menu link color in mouse hover.

#30931 Copied
Eva Kemp

Support staff

December 23, 2014 at 19:08
Hello,

To change hover color for menu items add this code to custom.css:
```
.menu > li > a:hover {
color: red !important;
}
```
Regards,
Eva Kemp.
#30933 Copied
Protouch

Participant

December 23, 2014 at 19:30

Ok all is fine now. Thanks, now my last question is if I uninstall the visual composer as I want to update it to latest version, in that case my page content will be effected or not. I mean at first uninstalling and then reinstalling it. I’m asking because I use custom.css in visual composer and my site is almost done. In this situation I am afraid of rebuild again everything.

#30936 Copied

Eva Kemp

Support staff

December 23, 2014 at 19:46

Hello,

If you just update the files (overwrite js_composer folder with a new one) without plugin deactivation, the changes won’t be removed. But if you reinstall the plugin your modifications may be lost. So we recommend you to create a backup of the files and database before update.

Thank you.
Regards,
Eva Kemp.

#30939 Copied

Protouch

Participant

December 23, 2014 at 20:13

Thanks a lot. Now you can close the topic.

#30940 Copied

Eva Kemp

Support staff

December 23, 2014 at 21:25

Hello,

You’re welcome.

Regards,
Eva Kemp.

#30945 Copied
Viewing 18 results - 1 through 18 (of 18 total)