Hi,

We have added the below code to Quick CSS

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .avia-testimonial.no_margin {
    padding-left: 0% !important;
    padding-right: 0% !important;
}}

You may not see the changes until the cached files are cleared in your browser.

Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

Best regards,
Vinay

• This reply was modified 8 years, 11 months ago by Vinay.

Hi ping-pong!

Please take a look here
https://kriesi.at/support/topic/fixed-socket-et-footer-sticky-footer/

and do let us know if it works out for you.

Thank you

Cheers!
Basilis

Hey kjwaggz,

Try adding the following to quick css which should move it below that facebook icon:

.phone-info {
    top: 90px!important;
    position: relative!important;
}

Best regards,
Jordan Shannon

Hey Keith,

Yes, links can be added to images hotspots. Please see the following link for confirmation:

https://kriesi.at/support/topic/hot-spot-links-and-open-in-new-window/

Best regards,
Jordan Shannon

Hey laptophobo,

Unfortunately the fade out function is not native to Enfold.

A simple way to add in your above script would be with the following plugin:
https://wordpress.org/plugins/custom-javascript-editor/ 

Best regards,
Jordan Shannon

Hi,

Please try this code below in Enfold > General Styling > Quick CSS section.

.logo img {
    margin-top: 30px!important;
    min-width: 750px;
}

Best regards,
Vinay

Hey aovivo,

You can create two section one with a slider targeted to desktop users, and then another targeted to mobile users.

It is possible to add custom classes to each section: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

You would then want to hide the desktop version on mobile:

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

And show The mobile version:

.yourmobilesliderclass { display: none; }
@media only screen and (max-width: 767px) {
.yourmobilesliderclass { display: block !important; }
}

Please let me know if this is clear.

Best regards,
Jordan Shannon

Hi charlotteraboff,

There is probably some extra margin in between, or the settings element is fullwidth and has margins also, I am not able to reproduce it in any browser.

Here is the code you can use, but there are also styles that are loaded with that iframe that give extra padding to the settings element.

@media only screen and (max-width: 767px) {
    .av-special-heading.av-special-heading-h3.blockquote.modern-quote {
        padding-bottom: 0px !important;
    }

    .post-entry.post-entry-type-page.post-entry-1938 .avia_textblock p {
        margin-top: 0;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi Maria,

If you want to disallow these folders just put the rule to you robot.txt.
Here is more on the topic.

If you need further assistance please let us know.
Best regards,
Victoria

Hi xxtita,

You have to add excerpts to your posts, then they might show instead of the whole post. Also here is how you can make custom template for category.

Here are a few useful links for our forum:
https://kriesi.at/support/topic/category-archive-page-change-layout-to-show-excerpt/
https://kriesi.at/support/topic/category-page-and-layout-builder/

If you need further assistance please let us know.
Best regards,
Victoria

Hey Gavin,

Yes, you’re right about the top images, that is made with Layer Slider. And the footer can be adjusted with css.

If you need further assistance please let us know.

Best regards,
Victoria

Hi webprodigy,

You can add styles to specific images via masonry item id, hide like so:

#av-masonry-1-item-7905 {
    display:none;
}

But the space for it stays and it’s a solution where you manually control display.
For the image to span over 2 columns it has to be twice as wide as one column, so you need to prepare images of certain dimensions.
If you need to show only certain images, you can uses custom taxonomy options and tag only images that you want to show in this gallery.

As for showing 6 images on mobil you could make 2 masonries and show one on desktop, and the other one on mobile.

All these things require much customization, you might want to consider hiring a developer to help you with this.
If you need further assistance please let us know.
Best regards,
Victoria

Hi astakov,

Please refer to this thread for a possible solution.

If you need further assistance please let us know.

Best regards,
Victoria