Hi,

Please use the code as following

#top #header .av-main-nav > li > a:hover,
#top #header .av-main-nav > li.current-menu-item > a {
    background-image: url(https://kriesi.at/themes/enfold-2017/wp-content/uploads/sites/66/2017/02/logosquare-layer-mini.jpg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: bottom center;
}

Best regards,
Yigit

Hi,

You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

Best regards,
Yigit

Hey,

Thanks for contacting us!

I checked your website but it seems like you have already figured it out? I attached a screenshot in private content field below.

Please let us know if you need further assistance :)

Best regards,
Yigit

Hi Navin,

Sorry for the late reply!

I added following code to Quick CSS field

/* Extended BG */ 
.av-special-heading.headerCustomBG::before {
  background: #C0FBFE;
  content: '';
  height: 83px;
  width: 100%;
  position: absolute;
  top: 0;
  left: -100%;
}

Please review your website :)

Best regards,
Yigit

Hi Max,

We cannot reproduce the issue. Post a link of your page when it is available.

Regards,
Yigit

Hi,

Our support does not include customization however we try to be as helpful as possible. You do not give us enough information, not even a link of your website and expect us to give you a fully customized code depending on your answers.

Let us not waste any more time. If this is something you really need, hire a freelance developer.

Best regards,
Yigit

Hi,

That is correct, it hides all descriptions and changing it to the code you posted should only hide on page with 32278 ID.

Best regards,
Yigit

Hi,

Glad you figured it out!

Best regards,
Yigit

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy the rest of your day!

Best regards,
Yigit

Hi,

Thanks! It turned out to be theme related. I have fixed the issue on your installation and will report it to our devs.

Please review your website :)

Best regards,
Yigit

Hi,

Always happy to help!

Let us know if you have any other questions or issues :)

Best regards,
Yigit

Hey,

Thanks for contacting us!

This is a good solution. Please add following code to Quick CSS field in Enfold theme options > General Styling tab

.news-headline {
  margin-top: 10px;
}

That would center the title and fix empty space issue as well :)

Best regards,
Yigit

Hi,

We are sorry for the late reply!

Website 1
1- Ismael’s suggestion should have fixed this. To make sure that we are on the same page, you can edit your slide and go to Styling > Font Sizes and then click on the icons to set different font size for different screen sizes – https://imgur.com/a/4BWqPWN. If this is not working for you, could you please create temporary admin logins and post them here privately so we can look into it?
2- Glad you figured it out!

Website 2
1- That is because of the following custom CSS code

.logo img {
  padding: 25px 0;
}

Please add following code to Quick CSS field in Enfold theme options > General Styling tab to override it on smaller screens

@media only screen and (max-width: 767px) { 
.logo img {
  padding: 5px 0;
}
}

2- Ismael’s suggestion should work here as well. If it does not, please post WP admin logins for this website privately as well.
3- You have couple of custom CSS code to adjust the top padding on #main. If the issue is only on Careers page, please add following code to Quick CSS

@media only screen and (max-width: 480px) {
.responsive #top.page-id-6968 #wrap_all #main {
  padding-top: 121px !important;
}}

If it is on all pages in portrait mode, please use the code as following instead

.responsive #top.page-id-6968 #wrap_all #main {
  padding-top: 121px !important;
}

4- There is not enough space in your 3rd custom HTML widget area. You can either use following code to display cut off part

@media only screen and (max-width: 767px) { 
#footer .widget {
  overflow: visible;
}
}

Or use following one to switch column to fullwidth on screens below 820px

@media only screen and (max-width: 820px) { 
#footer .flex_column {
  width: 100%;
  margin-left: 0;
}
}

For the pages with sidebar, please go to Enfold theme options > General Layout > Dimensions and adjust “Content | Sidebar Ratio”

Best regards,
Yigit

Hi,

1- Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust padding as needed

@media only screen and (max-width: 767px) { 
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
  padding: 0px 30px;
}
}

By default, side paddings are 70px.

2-

@media only screen and (max-width: 767px) { 
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
  width: 50px;
  height: 50px;
}
}

Default is 80px

3- Please edit your element and go to Styling > Font Sizes and edit “Testimonial Name Font Sizes”

4-

@media only screen and (max-width: 767px) { 
.avia-testimonial-image {
  display: none;
}
}

Best regards,
Yigit

Hi,

You are welcome, Jolanda!
Let us know if you have any other questions and enjoy the rest of your day :)

Best regards,
Yigit