Hey gwinenvato!

Can you post the link on the thread you found that works? so we can atleast review it.

Regards,
Nikko

Hey!

You’re welcome, we’ll be keeping this thread open :)

Cheers!
Nikko

Hi!

Sorry for the delayed response. I have checked your Quick CSS and indeed it’s not working because > was replaced with ; for some reason. It should work properly now :)

Cheers!
Nikko

Hi!

You’re very much welcome Elsa. :) Have a great day ahead :)

Best regards,
Nikko

Hi Epic,

Try adding this code at the bottom of Quick CSS:

@media only screen and (max-width:767px) {
  #header #header_main {
    z-index: 9999 !important;
  }

  .responsive #top .logo {
    display: none;
  }

  #top #advanced_menu_toggle {
    right: auto;
    left: 0;
    top: -33px;
    z-index: 9999;
  }

  .home #full_slider_1 ul.avia-slideshow-inner, 
  .home #full_slider_1 ul.avia-slideshow-inner .avia-slide-wrap {
    height: 300px !important;
  }

  .home #full_slider_1 ul.avia-slideshow-inner .avia-slide-wrap img {
    height: 300px;
    width: auto;
    max-width: none !important;
    position: relative;
    left: -35%;
  }
}

Let us know if it works :)

Cheers!
Nikko

Hi!

Try to add this code in Quick CSS (this code hides the first name and last name of the subscribe section, this is only specific to your contact page):

.page-id-3931 .mc_subscribe #element_avia_1_2, .page-id-3931 .mc_subscribe #element_avia_2_2 {
    display: none;
}

Let us know if it works :)

Best regards,
Nikko

Hi sitcomindo!

I don’t think we can help you do that but I can probably think you need to write some custom js scripts, and you create a timer wherein it will show/hide hotspot image and layerslider every few minutes. This will take time to develop the necessary script and will be outside the scope of our support.

Best regards,
Nikko

Hi!

Looking at the screenshot I realized you need it on other sections as well not those sections that has id set to hello, to do this I think you need to enable Custom CSS Classes, here is how to enable and use it: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Next, put custom-gridrow in Custom CSS Classes textfield (add this to all gridrows that has the same layout including the one that has id set to hello). In Quick CSS, just all #hello to .custom-gridrow, replace this code that I gave:

@media only screen and (max-width:1024px) and (min-width:768px) {
  #top #hello .av_one_half {
    display: flex;
    width: 100%;
    padding: 50px 100px 20px !important;
  }

  #top #hello .av_one_half.avia-builder-el-last {
    padding-bottom: 50px !important;
  }
}

And replace it to:

@media only screen and (max-width:1024px) and (min-width:768px) {
  #top .custom-gridrow .av_one_half {
    display: flex;
    width: 100%;
    padding: 50px 100px 20px !important;
  }

  #top .custom-gridrow .av_one_half.avia-builder-el-last {
    padding-bottom: 50px !important;
  }

  #top .custom-gridrow .av_one_half.avia-full-stretch {
    min-height: 500px;
  }
}

I have added the 3rd block for those fullwidth images, so it doesn’t look too low, just change the value as you see fit. Hope this helps :)

Cheers!
Nikko

Hi mattb1169!

Try adding this code in Quick CSS (located in Enfold > General Styling) for header dark overlay:

#top #wrap_all .header_color.av_header_transparency {
    background: rgba(0,0,0,0.8) !important;
}

#top .header_bg {
    background: transparent !important;
}

As for this part of your statement

I have placed a screen on the actual photo of the first image in the slider, but obviously that’s not responsive so doesn’t adjust when screen size changes.

Can you elaborate more on the details.

Cheers!
Nikko

Hi!

Try adding this code in your Quick CSS:

.home #av_section_1 .avia-button {
    position: relative;
    top: -300px;
}

just adjust the top value. Hope this helps :)

Regards,
Nikko

Hey!

I’m not sure if misaligned, you meant the text fields/dropdown fields are stuck on top without any space, if it is just add this code to Quick CSS:

#top select#media-attachment-filters, #top select#media-attachment-date-filters, #top input#media-search-input {
    margin-top: 11px;
}

Hope this helps.

Regards,
Nikko

Hey!

I tried to check on your site again but still the same, here is a screenshot of how it looks on my end: http://imgur.com/a/XV9HV

Best regards,
Nikko

Hi!

Glad we could help :)

Cheers!
Nikko

Hi Jangdom,

Glad we could help :) I also couldn’t figure out what’s wrong since both are working vimeo videos and video settings are the same. But I’m glad the workaround was working just fine and responsive. I’ll just leave this thread open :)

Best regards,
Nikko

Hey delfin_68!

Try to use this code:

h1.main-title.entry-title {
    font-size: 24px;
}

or this one if above doesn’t work:

h1.main-title.entry-title {
    font-size: 24px !important;
}

Just adjust the font size value. Hope this helps :)

Cheers!
Nikko