Hi,

use this code inside Quick CSS field:
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls
a {
opacity: 1;
}

Best regards,
Andy

Hi,

I can’t see any green line on your termin page. Please always provide us precise links showing the elements in question. Not sure what you want to achieve. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

If you want to adjust it for different screen sizes then just add some media queries to my code, like for example:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.freigestellt_portrait {
top: 30px;
}}

and adjust as needed.

Which page has page-id-617? please provide precise links for us.

Best regards,
Andy

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top #wrap_all .av-social-link-facebook {
    color: #fff;
    background-color: #37589b!important;
    border-radius:50px;
    margin-right:10px;
}

#top #wrap_all .av-social-link-twitter {
    color: #fff;
    background-color: #46d4fe!important;
    border-radius:50px;
    margin-right:10px;
}

#top #wrap_all .av-social-link-instagram {
    color: #fff;
    background-color: #a67658!important;
    border-radius:50px;
}

Best regards,
Vinay

Hey hdpcr,

You can add a map image on the same page and hide the image in desktop and show only hotspot. An extra page won’t be necessary.

Turnon custom css class name support for layout elements http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

and class only_mobile to the map image and only_desktop to the hotspot and use the below css

/*Show only in mobile or desktop*/

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

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

Best regards,
Vinay

Hi,

Glad to hear you found it :)

Feel free to start a new topic if you need help with anything else.

Best regards,
Jordan

Hi,

Thanks for the information.

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top #header.av_header_transparency .avia_mega_div {
    width: auto !important;
}

Best regards,
Jordan

Hey alexbanaga,

Thanks for getting in touch with us!

Kriesi has been notified of this issue and it is being looked into. A fix will be included in the next patch.

Until then please try this suggested quick fix and let me know how it goes – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161

Best regards,
Jordan

Hi,

Change code to:

div#header_main {
    display: none;
}

.html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0;
}

Best regards,
Josue

Hey Picante,

Thanks for getting in touch with us!

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 13px !important;
}

Best regards,
Jordan