Mega Menu Column Title - Support | Kriesi.at

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

Author

Posts
May 1, 2014 at 5:46 pm #258966

boscotwcheung
Participant

How do I make a mega menu column header/title like the Page mega menu “Example Page” at http://kriesi.at/themes/enfold/pages/?

Thanks
Bosco

May 1, 2014 at 5:58 pm #258982

Yigit
Keymaster

Hey boscotwcheung!

Please go to Appearance > Menus and add a new link with # for URL and add it to your megemenu. Please see – http://vimeo.com/92503669
Cheers!
Yigit

May 1, 2014 at 6:07 pm #258990

boscotwcheung
Participant

This reply has been marked as private.

May 1, 2014 at 9:03 pm #259053
Yigit
Keymaster
Hey!

1-Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child { padding: 0 10px; }
```
2- What is the size of fallback image you upload?

Regards,
Yigit
May 2, 2014 at 5:30 am #259191

boscotwcheung
Participant

This reply has been marked as private.

May 2, 2014 at 1:46 pm #259394

Yigit
Keymaster

Hey!

You can find some code snippets here in Enfold documentation – http://kriesi.at/documentation/enfold/
also see – http://premium.wpmudev.org/blog/customizing-your-wordpress-theme-using-firebug/

Cheers!
Yigit

May 2, 2014 at 3:27 pm #259443

boscotwcheung
Participant

This reply has been marked as private.

May 3, 2014 at 5:20 pm #259745

Yigit
Keymaster

Hi!

Please update Enfold to the latest version 2.7 and let us know if issue remains – http://kriesi.at/documentation/enfold/updating-your-theme-files/

Best regards,
Yigit

May 3, 2014 at 6:22 pm #259780

boscotwcheung
Participant

This reply has been marked as private.

May 3, 2014 at 6:23 pm #259781

boscotwcheung
Participant

This reply has been marked as private.

May 4, 2014 at 4:06 am #259845
Ismael
Moderator
Hey!

Thank you for the update.

Please try to add this on Quick CSS or custom.css to resize the fallback image:
```
@media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: 100% 100%;
background-position: center center;
}
}
```
Best regards,
Ismael
May 4, 2014 at 10:18 am #259904

boscotwcheung
Participant

This reply has been marked as private.

May 7, 2014 at 4:02 pm #261335
Yigit
Keymaster
Hi!

Please try adding !important rule to Ismael’s code as following
```
@media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: 100% 100% !important;
background-position: center center !important;
}
}
```
and flush browser cache after applying the code

Regards,
Yigit
May 7, 2014 at 4:15 pm #261346

boscotwcheung
Participant

This reply has been marked as private.

May 7, 2014 at 4:25 pm #261358

boscotwcheung
Participant

This reply has been marked as private.

May 8, 2014 at 6:54 pm #261929

Yigit
Keymaster

Hey!

Can you try uploading a taller image and check how it looks?

Regards,
Yigit

May 8, 2014 at 8:27 pm #261969

boscotwcheung
Participant

This reply has been marked as private.

May 9, 2014 at 8:20 am #262214
Ismael
Moderator
Hey!

Thank you for the update.

I’m not so sure but you might need to remove the css code that we suggested to revert it back to the default settings where the fallback image doesn’t stretch to fit the container. You can also try this:
```
@media screen and (max-width: 320px) {
    .avia-fullscreen-slider .avia-slideshow>ul>li {
    background-size: cover !important;
    background-position: center center !important;
}
}
```
Best regards,
Ismael
May 9, 2014 at 8:30 am #262220

boscotwcheung
Participant

This reply has been marked as private.
Author

Posts

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

The topic ‘Mega Menu Column Title’ is closed to new replies.