Hey northorie,
Try this thread: https://kriesi.at/support/topic/how-to-make-the-links-in-anchor-tool-content-get-underlined-when-hovered-over/#post-1470677

Best regards,
Mike

Hi,
As I understand, you see this:

and would like this:

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	.page-id-4540 .av_one_fifth.avia-builder-el-59,.av_one_fifth.avia-builder-el-66 {
		display: none;
	}
    .responsive #top.page-id-4540 #wrap_all .content .entry-content-wrapper .flex_column.av_one_fifth {
        width: 33%;
    }
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey cygrafix1,
Please see this thread: https://kriesi.at/support/topic/instagram-429-error/#post-1400469

Best regards,
Mike

Hey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Tanja,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.home .alternate_color .homepgservicestable.avia-data-table.avia_pricing_minimal td {
	color: #fff;
	border-color: transparent;
	font-size: 2em;
}

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 Martin,
Your best solution will be to create two slideshows with portrait sized images for mobile, using your desktop landscape images for mobile will typically not look good on mobile. If you still want to try, try this css and adjust to suit:

@media only screen and (max-width: 450px) { 
.avia-slideshow {
  width: 300% !important; 
  position: relative !important; 
  left: calc(-90vw) !important; 
}
}

Best regards,
Mike

Hi,

Thank you for the info.

Please add this css code to hide the first and last column, and adjust the margin of the first social icon.

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

  /* Add your Mobile Styles here */
  #top .av-m6kbbque-4b40b977ee353112ec1ad0bec763ce3e .entry-content-wrapper .flex_column:nth-child(3),
  #top .av-m6kbbque-4b40b977ee353112ec1ad0bec763ce3e .entry-content-wrapper .flex_column:nth-child(7) {
    display: none;
  }

  #top .av-m6kbbque-4b40b977ee353112ec1ad0bec763ce3e .entry-content-wrapper .flex_column:nth-child(4) {
    margin-left: 7% !important;
  }
}

You may need toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

Best regards,
Ismael

Hey lara666,

Thank you for the inquiry.

You can use this css code to adjust the style of the featured image slider title:

#top .avia-featureimage-slideshow.av-m6tyn82g-131d78d88d19991cbc6ff96d197c2974 .avia-caption-title * {
    font-weight: 400;
    text-decoration: none;
    font-size: 20px;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code.

Best regards,
Ismael

Hi!

We’ve added the css rule that we posted above: https://kriesi.at/support/topic/text-blocks-pc-same-height/#post-1476285

If you don’t need to apply this on mobile view, you can remove this css code:

@media only screen and (max-width: 1300px) {
  #top .av-6xdhph-d676d236253fe9da7b5542127b7590e9 .flex_column .av_textblock_section > div > div {
    min-height: 600px !important;
  }
}

Regards,
Ismael

Hey cygrafix1,

Thank you for the inquiry.

Looks like you’ve already found a solution for this.

#top #wrap_all .av-social-link-linkedin:hover a, #top #wrap_all .av-social-link-linkedin a:focus {
    color: #fff;
    background-color: #419cca;
}

Let us know if you need more assistance.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can adjust the padding between the menu items. Please include this inside the css media query that we created for mobile view:

#top #menu-dialektwoerter > li {
    padding: 2px 0;
    display: inline-block;
}

#top #menu-dialektwoerter {
    padding: 10px 0;
}

#top .av-m1yjw3j3-8de8ef07635f179e0beedc245c4c38a7 {
    width: 40px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

It seems to be working correctly on our end. If you want this applied to every page, you can use this css code instead:

#top .container .av-masonry .av-masonry-container {
    padding-left: 12.5%;
}

Another option is to apply a custom css class to the Masonry elements where you need these adjustments and edit the css rule accordingly.

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

Best regards,
Ismael

Hey michaelf245,

Thank you for the inquiry.

You can add this css code to move the mega menu container upwards and prevent the bottom items from being cut off.

.html_header_left #header .avia_mega_div {
    margin-top: -200px;
}

Let us know the result.

Best regards,
Ismael

Hi bartmannsebastian,

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

@DanielBenavides Please open a new thread and include WordPress admin login details in private, so that we can have a closer look at your site.

Best regards,
Rikard

Hi,

Great, I’m glad to hear that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard