Hi,
Try this:

#top #wrap_all #main h1.main-title.entry-title a {
    text-transform: none;
}

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey lara666,

Thank you for the inquiry.

This is not possible by default, but you can follow the instructions in this thread: https://kriesi.at/support/topic/masonry-not-displaying-cover-pictures/#post-1439624.

The solution is for the Masonry element, but it should work the same way for the Portfolio Grid.

Best regards,
Ismael

Hi,

That is the default responsive behavior of the logo slider.

Did you add this css code?

.avia-content-slider .slide-entry-wrap {
    width: 50%;
    margin-bottom: 40px !important;
    margin-left: 0% !important;
}

If you need to display all 6 items in a single line on mobile view, remove the css code above, then add this modification.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-m7fed3ye-e22188c7085edf49c8bc53cd4bd6adde .flex_column.slide-entry {
    clear: none;
    width: 16%;
    float: left;
  }
}

Best regards,
Ismael

Hey manchust,

Thank you for the inquiry.

If you want to display a different number of items, you may need to add another post slider specifically configured for mobile view, then toggle the elements’ visibility for different screen sizes in the Advanced > Responsive > Element Visibility settings. With this setup, you’ll have one post slider for desktop and another for mobile view.

Best regards,
Ismael

Hi,
For the second issue try this css:

@media only screen and (max-width: 1366px) {
    .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
        margin: 0;
        margin-bottom: 20px;
        width: 100% !important;
        display: block;
    }
    #angebote .av-flex-placeholder {
    	display: none;
    }
}

note that the media query is set to 1366px as I assume that is your iPad width, you can check your screen resolution here and adjust the css to suit.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Nadine,

The update to 7.0 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thank you for the update.

If you want to limit the width of the grid layout, go to the Advanced > Developer Settings panel, apply the value “av-grid-constrain-width” in the Custom CSS Class field, and then add this css code:

#top .av-grid-constrain-width {
    max-width: 70%;
    margin: 0 auto;
}

Adjust the max-width value as needed.

Best regards,
Ismael

Hi,

would it be possible to apply this only to the content slider on the home page?

Yes, this is possible. Please edit the Content Slider element, go to Advanced > Developer Settings, and enter “av-content-slider-nav-bottom” in the Custom CSS Class field. Then, replace the css code with:

#top .av-content-slider-nav-bottom .avia-smallarrow-slider-heading {
    position: absolute;
    bottom: -50px;
}

— https://kriesi.at/documentation/enfold/add-custom-css

Best regards,
Ismael

Hi,

Thank you for the update.

The video should cover the entire slider when this option (Stretch the video…) is enabled. Please try this css code:

#top .av-element-cover video {
    object-fit: cover;
}

This should result to: https://imgur.com/2Kl21jz

We tried logging in to the site but the account above is no longer valid.

Best regards,
Ismael

Hey Jak73,

Thank you for the inquiry.

You can add this css code to remove the space above the video:

.avia-video.av-m7hoi823-5fffa067e0538a32526d7bf7eec640c7 .mejs-container {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.avia-video.av-m7hoi823-5fffa067e0538a32526d7bf7eec640c7 video {
    background-color: transparent;
}

.avia-video.av-m7hoi823-5fffa067e0538a32526d7bf7eec640c7 {
    padding-bottom: 50%;
    background: transparent;
    border: 0 !important;
    margin-top: -20px;
}

Best regards,
Ismael

Hi,

Thanks for that. I’m still not sure that I fully understand your intentions though, since the site you linked to has a background image on desktop resolutions, and only a text link on lower resolutions. Are you looking to set a background image to the header? If so, then that can be set under Enfold->General Styling->Logo Area.

Best regards,
Rikard

Hi,
these images are from desktop:


What browser, OS are you using?
please include a admin login in the Private Content area so we can examine further.

Best regards,
Mike

Hi,
Check that your Menu Screen elements ▸ CSS classs is checked, then add the custom class “nolinkstyle”, the manually add the link:

then add this css to your Quick CSS:

#top #header .avia_mega_div .sub-menu .avia_mega_text_block.nolinkstyle a {
    text-decoration: none;
    color: #000;
}
.header_color .main_menu .menu ul li.nolinkstyle a:hover {
	background-color: unset;
}

Best regards,
Mike