Full Width Sub Menu second row - Support | Kriesi.at

Tagged: full width sub menu, rows

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
January 9, 2015 at 1:40 pm #377335

WEBIGAMI
Participant

Hi team,

I have a big full wide sub menu on the following page. It needs two rows. Two questions:

1.How can I tell it to display e.g. 7 in the first and 7 in the second row?
2. The second row overlaps the content when you scroll down.

http://justcom-hamburg.de/reparaturen/samsung-reparatur/#toggle-id-11

Please advise,
Jan :)

January 9, 2015 at 3:09 pm #377370
Yigit
Keymaster
Hi Jan!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (min-width: 1340px) {
#top .av-subnav-menu > li > a {
padding: 0px 35px 0px 44px; }}
#top .av-submenu-container {
height: 108px; }
```
Regards,
Yigit
January 9, 2015 at 3:36 pm #377388

WEBIGAMI
Participant

Hi Yigit,

great, thank you. It looks fine on this page:

http://justcom-hamburg.de/reparaturen/samsung-reparatur/

But on pages with less items, there is a second empty line now:

http://justcom-hamburg.de/reparaturen/iphone-reparatur/

Any chance to avoid that? Can I use the CSS only for certain page ids?

Thanks,
Jan :)

January 11, 2015 at 7:20 pm #378019

Andy
Inactive Moderator

Hi!

please refer to this post to check your page id: https://kriesi.at/support/topic/changing-a-specific-page-with-quick-css/#post-223394

Cheers!
Andy

January 12, 2015 at 4:22 pm #378331
WEBIGAMI
Participant
Hi Andy,

thank you. I tried that but it didn’t work. The other pages still have the gap. Even after emptying the cache. I used this code:
```
.page-id-1652 @media only screen and (min-width: 1340px) {
#top .av-subnav-menu > li > a {
padding: 0px 40px 00px 40px; }}
#top .av-submenu-container {
height: 108px; }
```
Any advice?

Thanks,
Jan
January 16, 2015 at 4:09 am #380586
Andy
Inactive Moderator
Hi!

remove this code you posted above and replace it with:
```
@media only screen and (min-width: 1340px) {
#top .page-id-1652 .av-subnav-menu > li > a {
padding: 0px 40px 00px 40px; }}
#top .page-id-1652 .av-submenu-container {
height: 108px; } 
```
However I can’t see any gaps on your page http://justcom-hamburg.de/reparaturen/iphone-reparatur/

Regards,
Andy
January 16, 2015 at 5:28 pm #380901

WEBIGAMI
Participant

Hi Andy,

with this code, the second row of a larger sub menu is transparent again and overlaps the content below. Is there a mistake in the code!?

Please see for yourself when scrolling down the page:

http://justcom-hamburg.de/reparaturen/samsung-reparatur/

Thanks and cheers,
Jan

January 19, 2015 at 11:33 am #381649
Yigit
Keymaster
Hey!

Please try the code as following
```
@media only screen and (min-width: 1340px) {
.postid-1652 .av-subnav-menu > li > a { padding: 0px 35px 0px 44px; }}
.postid-1652 .av-submenu-container { height: 108px; }
```
Regards,
Yigit
January 19, 2015 at 6:35 pm #381994

WEBIGAMI
Participant

This reply has been marked as private.

January 23, 2015 at 3:48 pm #384371

Yigit
Keymaster

Hi Jan!

Sorry for the late reply. I have adjusted the code in Quick CSS field. Can you please review your website now? I checked both pages you posted here and it does seem to work fine – https://kriesi.at/support/topic/full-width-sub-menu-second-row/#post-377388

Regards,
Yigit

January 26, 2015 at 3:56 pm #385504

WEBIGAMI
Participant

Hi Yigit,

great, thank you! Perfect :)

Cheers,
Jan

January 26, 2015 at 3:59 pm #385508

Yigit
Keymaster

Hi!

You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Cheers!
Yigit
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Full Width Sub Menu second row’ is closed to new replies.