Hi!

Did you add the css media queries at the bottom of the Quick CSS? If not then you should. Please try this:

@media only screen and (max-width: 480px) {
.subtext .first-line { font-size: 24px !important; width: 85%; }
.subtext .second-line { font-size: 14px !important; width: 85%; }
}

Cheers!
Ismael

Hi!

You can’t do that via css but you edit the magazine.php file. Please refer to this link: https://kriesi.at/support/topic/show-excerpt-in-all-magazine-blog-list-with-read-more-link/#post-311683

Cheers!
Ismael

Hey!

You can try this:

span.avia-menu-text:before {
content: '';
display: block;
width: 1px;
height: 20px;
position: absolute;
background: rgb(195, 195, 195);
top: 35px;
left: 0px;
}

Regards,
Ismael

Hey r2tall!

Thank you for using Enfold.

Avoid updating the theme via Theme Updates panel. Update the theme via FTP instead. Please refer to this link: http://kriesi.at/documentation/enfold/updating-your-theme-files/

Regards,
Ismael

Hey!

Yes, it is possible. Look for css or jquery text image overlay tutorials. Example:

http://callmenick.com/2014/03/06/image-overlay-hover-effects-with-css3-transitions/

Unfortunately, this particular task is beyond the scope of support. I’m sorry but we won’t be able to help you further.

Best regards,
Ismael

Hey!

Try this on Quick CSS:

@media only screen and (min-width: 989px) and (max-width: 1024px) {
.av-main-nav > li > a {
padding: 0 5px;
font-size: 12px !important;
}

.logo img {
max-height: 70px !important;
}
}

Remove browser cache then reload the page.

Cheers!
Ismael

Hey!

I’m sorry but there is no option to set the map as background by default. I don’t know how you did it before but I think this customization falls beyond the scope of support. If I am not mistaken, it is possible with the Layer Slider. Please hire a freelance developer to fix it.

Cheers!
Ismael

Hi!

@de2ma2: You can try the Color Section or the Fullscreen Slider element. Set the background attachment to parallax or fixed.

@Jean: The ken burns effect on the slider looks nice. Good job. :)

Best regards,
Ismael

Hey!

Thank you for the update.

If you want to show the featured image on the category or archive pages, try to change the blog style on Enfold > Blog Layout panel. Regarding the container width, adjust it on Enfold > General Layout > Dimensions > Maximum Container width setting.

Cheers!
Ismael

Hi!

Which line are you referring to? Can you please provide a screenshot? If you want the orange line to connect with the logo, try this:

#header_main .container { padding: 0; }
strong.logo { top: 1px; }

Cheers!
Ismael

Hey!

Did you remove the Image element as well? You removed the image from the media library but you didn’t remove the element that holds them.

Regards,
Ismael

Hey!

I’m sorry but the height of the sidebar will depend on the number of widgets inside of it. You need to create a script that will get the height of the content container and apply it on the sidebar. This way, the sidebar will always have the same the height as the content container. You can then apply the css code above. Something like this: http://stackoverflow.com/questions/3275850/set-a-div-height-equal-with-of-another-div

Regards,
Ismael

Hi!

Thank you for using Enfold.

Looks like you might be having an issue with a third party plugin or script. Regretfully, we cannot provide support for third party plugins or scripts as stated on our support policy due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not included on the theme package will need to be directed to the plugin author.

Thank you for your understanding.

Cheers!
Ismael

Hi crschulz!

Thank you for using Enfold.

I’m sorry but mobile device got some issues handling the shrinking header but you can try this on Quick CSS:

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top #wrap_all #header { position: fixed; }
.responsive .header-scrolled #header_main .container {height: 60px !important; line-height: 60px !important; }
.responsive #top #main {padding-top: 115px !important; margin: 0;}
}

Adjust the #main container’s top padding and the header height.

Best regards,
Ismael

Hey!

Please add this on Quick CSS:

#top .av_header_transparency.av_alternate_logo_active .logo a > img {opacity: 1; filter: alpha(opacity=100); }
strong.logo, .logo a { overflow: visible; }
span.subtext { position: absolute; left: 230px; top: 0; color: white; width: 100%; }

Best regards,
Ismael