Hi,

Let’s start from fresh!

remove any code you added earlier to solve this.

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

/*Show only in mobile or desktop*/

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

2. In Appearance > Menu page click on screen options and select the css class.

3. Add the menu items to the menu list and in the class name section add only_mobile for the once you like to show in mobile and only_desktop for the menu items you want to show in desktop.

Hope this helps :)

Best regards,
Vinay

Hey vic98,

The layer slider appears on top of the color section and the overlay effect may not be possible. However please share a precise link to your site so we can take a look at it and see what best we can do for you :)

Best regards,
Vinay

Hey UNBUENPLAN GROUP,

Please clarify by top menu if you are referring to the main menu and icon or the top bar with social icons?

Currently I see that the top bar with social icons are hidden while scrolling.

If you like to hide the whole header while scrolling please unsticky the header from Enfold > Header > Header behavior > Sticky Header

Best regards,
Vinay

Hey xuamox,

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

#top.page-id-1088 #main .container_wrap:first-child {
    background: #000!important;
}

Best regards,
Vinay

Hi,

Returning the slider to the first slider when the user scroll back to the top will make the other slides almost invisible to the users as they will have to wait for the other sliders to show while on the page but most users only view the site for a few seconds. If your intention is to make the first slide visibility high this is the way to go. Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Vinay

• This reply was modified 9 years ago by Vinay.

Hey Zest,

To add a search bar as a widget on any page please refer to this link here https://kriesi.at/support/topic/shortcode-or-function-to-add-search-in-custom-locations/#post-436832

Best regards,
Vinay

Hi,

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

#top #wrap_all .header_color.av_header_transparency {    
    min-height: 67px;
}

 /*Trigger mobile menu at 1000px browser width*/
@media only screen and (max-width: 1000px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

Best regards,
Vinay

Hey Rio1,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  .responsive #scroll-top-link {
    display: block;
  }
}

HOpe this helps :)

Best regards,
Nikko

Hey Rio1,

Try checking out this thread: https://kriesi.at/support/topic/how-can-i-disable-the-masonary-gallery-portfolio-animation/

Best regards,
Nikko

Hi,

Try adding this css code in Quick CSS:

#top .main_color.iconbox_top .iconbox_icon {
    padding: 10px 13px 10px 5px;
}

Just adjust the paddings as you see fit. Hope this helps :)

Best regards,
Nikko

Hi,

You are making progress on it, however you would probably need to add also the page-id-xx from the body’s class as well as the section’s class to make the background color specific. It’s a bit hard to target it but with those additional classes on top of it that should make it change the background color but not globally.

Best regards,
Nikko

Hi,

Why don’t you make the first slide have auto-rotation and have the rest (4) of the slides not auto-rotate? Also, there is no option in fullscreen slider to stop on the last slide.

Best regards,
Nikko

Hey pedroproiettile,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top #full_slider_1 .avia-slideshow-inner {
    max-height: 457px;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top .av-magazine-time {
    display: none;
}

Let us know if this helps :)

Best regards,
Nikko

Hi Graham,

You’re welcome :) Try adding this css code:

#top .av-masonry-container.isotope:after {
    display: block;
    background: #f5f5f5;
    width: 100%;
    height: 17px;
    position: absolute;
    bottom: 0;
    content: '';
}

Hope this helps :)

Best regards,
Nikko

Hey hingex,

Try adding this css code in Quick CSS (located in ENfold > General Styling):

#top .social_bookmarks {
    text-align: center;
}

#top .social_bookmarks li {
    float: none;
    display: inline-block;
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Try using this css code:

#top .av_toggle_section:hover span.toggle_icon .vert_icon, 
#top .av_toggle_section:hover span.toggle_icon .hor_icon {
    border-color: #fff;
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top #header {
    position: absolute;
    background: rgba(255,255,255,0.6);
}

#top #header .header_bg {
    background: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

Let us know if this helps :)

Best regards,
Nikko

Hey Simon,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top #sub_menu1 {
    background: rgba(37,37,37,0.95) !important;
}

Let us know if this helps :)

Best regards,
Nikko