Hi,

Ok, so you don’t want the top menu item to lead anywhere? If so you can create a custom link under Appearance–>Menus and put a # in the link field.

Best regards,
Rikard

Hi,

Try this:

.iconbox .iconbox_content .iconbox_content_title {
vertical-align: top !important;
}

Thanks,
Rikard

Hi mmheather,

Please try the following in Quick CSS under Enfold–>General Styling:

@media only screen and (max-width: 767px) {
.home .entry-content-wrapper .av-special-heading {
    margin-top: 0 !important;
}
}

Best regards,
Rikard

• This reply was modified 9 years, 9 months ago by Rikard.

Hi,

Did you try the css code? On larger screens, the bottom part of the images are cut off, not the top. Zoomed out screenshot:

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the info. The issue is cause by the isotope script which calculates the position of the masonry items. Sometimes, it fails to calculate the exact position on different screen sizes and different browsers. One solution is to increase the width of the masonry container:

.av-masonry-container {
    width: 101%;
}

Best regards,
Ismael

Hey cpetrie2001,

Thank you for using Enfold.

The images in the slider are set as background and their focus relative to the container may vary on different screen sizes. Have you tried to set the “Image Position” to “Top Left”? Right now, it it set to “Center Center”.

Best regards,
Ismael

Hi,

Try to replace it with:

#top .content .flex_column .widget_nav_menu li a {
    padding: 0.2em 0!important;
}

#top .widget_nav_menu ul .sub-menu li a {
    left: 10px;
    position: relative;
}

Best regards,
Ismael

Hi,

1.) Add a left margin to the input field

#mc4wp-form-1 input[type='email']{
margin-left: 2%;
width: 48%;
}

2.) Place the suggested css code inside a css media query:

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

Best regards,
Ismael

Hey schenkco,

Thank you for using Enfold.

Please refer to these links for a possible solution:

https://kriesi.at/support/topic/different-layout-for-blog-layout-and-certain-category-layout/#post-624419
https://kriesi.at/support/topic/linking-to-filtered-portfolio-ajax/

Best regards,
Ismael

Hi,

Is this post created with the advance layout builder? All default elements such as the post meta info, featured image, post title etc. will be removed if you use the advance layout builder for post. You have to add those elements manually, either via code or text block.

Second question which is still not answered: the READ MORE (in Dutch LEES MEER) does not show completely => http://kappersblog.nl/

Please add this in the Quick CSS field:

.html_elegant-blog .avia-content-slider .read-more-link {
    position: relative;
    top: 0;
}

Best regards,
Ismael

Hey _riccardo_,

Thank you for using Enfold.

I’m sorry but video backgrounds are disabled on mobile devices due to incompatibility issues (ex: autoplay). You need to add a fallback image or add an actual video element in place of the section. Use css media queries to toggle the display of these elements: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

Best regards,
Ismael

Hi,

We encountered the same issue before but I’m not sure if the solution that we provided actually fixed the issue. You can find it here: https://kriesi.at/support/topic/issue-with-popup-animation-blinking-on-firefox/#post-643828

Best regards,
Ismael

Hey Nin0,

Thank you for using Enfold.

Could you please provide a link to the actual page? Apply the negative top margin on desktop view only. Use css media queries:

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

Best regards,
Ismael

Hey Xperten,

Thank you for using Enfold.

Did you change the heading value as stated on the previous thread? https://kriesi.at/support/topic/styling-the-blog-posts-element-spacing-changing-h2-and-h3-class/#post-618002

Best regards,
Ismael

Hi,

Decrease the font size of the mega menu items:

#top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    font-size: 11px;
}

Best regards,
Ismael

Hi,

— I don’t see a HR between posts to separate more

Add this css code:

.template-blog .post-entry {
    border-bottom: 1px solid gray;
    margin-bottom: 50px;
}

— How can I get the Title and Date meta bigger and BEFORE the image?

Use this for the title:

#top .flex_column .template-blog .post-title {
    font-size: 1.8em;
}

And this one for the date:

.container .minor-meta {
    font-size: 1.2em;
}

— Can I control width of image and excerpt?

And this css code for the image and the excerpt:

#top .fullsize .template-blog .big-preview img {
    width: 80%;
}

#top .fullsize .flex_column .template-blog .post .entry-content-wrapper>.entry-content {
    max-width: 80%;
    margin-left: 0;
}

Best regards,
Ismael