Return to previous page

Menu Full Width - by jnunoalves - on WordPress WooCommerce support

This topic has 14 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Stan Russell

jnunoalves

Participant

February 22, 2015 at 12:47

Hello,

I’ve just bought your wonderful theme and I have a few small issues. I’ve been trying to find the solutions in documentation and other forum topics, but I didn’t manage to solve them.

I will open a support ticket for each subject (if I won’t find solution for other issues as well).

My website: http://www.lingerienoir.com (/home-page to go to the version being developed)

The Menu Lingerie (product_category) has 11 sub-categories in as sub-items.
I’ve defined the CSS with “menu-full-width” at Lingerie Level.
I’ve tried to understand the use of et-col for sub-items. Tried many things, now all of them with “et-col3”.

Another issue as you can see is that I’ve changed all the fonts to Dosis and the sub-menu items have completely different font. How can I change that?

Thank you in advance

José

#44350 Copied Theme version: 2.6 WooCommerce version: 2.3.5

13 Answers

Eva Kemp

Support staff

February 23, 2015 at 10:58

Hello,

Your site is under maintenance mode.
Please provide us with wp-admin panel credentials.

Thank you.
Regards,
Eva Kemp.

#44455 Copied

jnunoalves

Participant

February 23, 2015 at 12:23

As requested

Please, contact administrator
for this information.

#44487 Copied
Eva Kemp

Support staff

February 23, 2015 at 15:57
Hello,

To change font family for submenu items you need add this code in custom.css file:
```
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a {
   font-family: Dosis !important;
}
```
Try to use this code in custom.css to fix the issue with columns in submenu:
```
.main-nav .menu .menu-full-width .nav-sublist-dropdown .container > ul > li:first-child, .main-nav .menu [class*="et-col"]:first-child {
    margin-left: 25px !important;
}
```
Thank you.
Regards,
Eva Kemp.
#44545 Copied
jnunoalves

Participant

February 24, 2015 at 14:30

Thanks Eva, it solved the problems that I mentioned but I’ve found out 2 other small issues:

– The menus Full width are all capital letters while the menus drop down only have the first letter capitalized. How can adjust this (not sure yet, if I will prefer all capitals or first Capital)

– The fixed menu when scrolling down wasn’t affected by the previous solution. I tried to solve myself but I didn’t manage. I found out another post with similar issue and added this to my custom css:

.fixed-header .menu .menu-full-width .nav-sublist-dropdown .container > ul > li, .fixed-header .menu [class*=”et-col”] {
margin-left: 0;
}

Is this correct?

To finish this topic, is it possible to define picture sizes when adding them to menus?

Thanks

Jose

#44937 Copied
Eva Kemp

Support staff

February 24, 2015 at 17:28
Hello,

Yes, the code for fixed header is correct.
To have capital letters for submenu items add this code in custom.css file:
```
.fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container > ul > li a {
    text-transform: uppercase;
}
```
You can set the width for the image in menu adding et-col3 (or et-col2 etc.) in CSS Classes.

Thank you.
Regards,
Eva Kemp.
#45050 Copied
jnunoalves

Participant

February 25, 2015 at 14:57

Hello Eva,

I’m getting closer, still one thing left:

Please check http://www.lingerienoir.com/home-page

– Fixed menu (I believe it’s the name) when we scroll down, doesn’t have the same definitions of the other menu:
in case of menu Lingerie, the font;
in case of menu brands the number of columns (to setup the menu brand without labels, I created a structure Brand (#, menu-full-width), Brand1 (Image, image-item, description… based on the page of the brand), Brand2 (Image, image-item, description… based on the page of the brand). I didn’t use the “et-col2” like in menu lingerie.

Can you please help?

Thanks

José

#45376 Copied

Eva Kemp

Support staff

February 25, 2015 at 15:31

Hello,

I’ve edited the code in custom.css file.
Please check the menu now.

Thank you.
Regards,
Eva Kemp.

#45392 Copied

jnunoalves

Participant

March 3, 2015 at 03:05

Just to say thank you. Everything OK, but finally we decided to stay with the standard dropdown menus.

One last question, if we would change our mind, is it possible to add horizontal lines (like dropdown menus)?

Tks

José

#46792 Copied

Eva Kemp

Support staff

March 3, 2015 at 11:09

Hello,

You’re welcome.

You can create drop down menus easily. What horizontal lines do you mean?

Regards,
Eva Kemp.

#46864 Copied

jnunoalves

Participant

March 3, 2015 at 15:46

Hello Eva,

What I meant was, even though we are not going to use now the full width menus, I would like to know how can I create them with borders.

In drop down menus, the values have an horizontal border. When we tried the full width menus, there weren’t any borders, horizontal or vertical and the full width menu was a bit ugly.

I would like to know if it is possible to add those borders.

Tks

José

#47025 Copied

Eva Kemp

Support staff

March 3, 2015 at 17:48

Hello,

Yes, it’s possible by adding css code in custom.css file.
If you need to create borders please contact us and we’ll provide you with the solution.

Thank you.
Regards,
Eva Kemp.

#47050 Copied

jnunoalves

Participant

March 3, 2015 at 23:29

OK Eva, thank you!

You can close this topic.

#47124 Copied

Stan Russell

Participant

March 4, 2015 at 08:18

Hello,
you are welcome!

Regards,
Stan Russell!

#47145 Copied
Viewing 14 results - 1 through 14 (of 14 total)