Hi,

Ok, great. Please let us know how you get on with it or if you should need any further help on the topic.

Best regards,
Rikard

Hi!]

Thank you for using Enfold.

This is possible but it will require a few modifications. Please try the solution provided in this thread.

// https://kriesi.at/support/topic/submenu-in-the-sidebar/#post-692949

Cheers!
Ismael

Hi Nunzio,

Do you mean in the lightbox after the image has been clicked? If so, is it the top or bottom text you want to hide?

Best regards,
Rikard

Hi Helle,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi Jan,

Thanks for the feedback. We’ll keep the thread open in case you should need any further help on the topic.

Best regards,
Rikard

Hi Jan,

Great! Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi Dee,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hey Krissie,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.avia-caption-title {
  margin-top: 40px;
}
}

Best regards,
Rikard

Hi,

Great, glad you got working. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

1.) Add a border at the bottom of the items.

#top .widget_nav_menu ul li a {
    border-bottom: 1px solid gray;
}

2.) Adjust the line-height property of the widget items.

#top .widget_nav_menu ul ul li a {
    line-height: 22px;
}

3.) For the active link, use this.

#top .widget_nav_menu ul ul .current-menu-item a {
    color: #d45226;
}

Best regards,
Ismael

Hi,

Great, glad you found that and thanks for sharing. I’m guessing something got blocked because of that setting.

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi Ron,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Please add this css codes:

.av-masonry-entry {
    opacity: 1 !important;
    visibility: visible !important;
}

.avia_sortable_active .isotope {
    -webkit-transition: none;
    transition: none;
}

Best regards,
Ismael

Hey!

Yes, you can edit your color section elements and give them unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then use the code as following

@media only screen and (max-width: 990px) {
#only-desktop { display: none !important; }}

@media only screen and (min-width: 990px) {
#only-mobile { display: none !important; }}

Regards,
Yigit

Hey mrpacogp!

You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display different elements on desktop and mobile :)

Best regards,
Yigit

Hi!

Please go to Appearance > Menus and create a new menu with your menu items and then check “Enfold secondary menu” under Menu settings and then go to Enfold theme options > Header > Extra Elements and choose to display your secondary menu on the top bar

Regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
    right: 70px;
}}

Best regards,
Yigit