Hi,

Please add following code to Quick CSS as well

.av-main-nav > li > ul {
    padding: 20px;
    border-bottom-left-radius: 100px;
}
#top .av-main-nav ul a {
    border: none;
    background: transparent;
}

Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

Best regards,
Yigit

Hi!

Please see the second link i posted above – https://kriesi.at/support/topic/google-map-error-oops-something-went-wrong/#post-673600. You can read more information there :)

Best regards,
Yigit

Hi,

Great, let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Great, glad you got it worked out. Let us know if you should need any further help on the topic.

Thanks,
Rikard

Hi,

No problem, please let us know if you should need any further help on the topic.

Thanks,
Rikard

Hi,

@Lisu86 Please open a new topic and include admin login details in private and we’ll take a closer look.

@ElseSjurdaberg great, glad you got it working :-)

Thanks,
Rikard

Hi Steven,

I don’t see any problem with that solution if it works for you :-)

Let us know if you should need any further help on the topic.

Regards,
Rikard

Hi,

Ok great, let us know if you should need any further help on the topic.

Thanks,
Rikard

Hi,

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

#top .avia-slideshow-button {
font-size:12px !important;
}

Best regards,
Rikard

Hi MartinNorton,

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

.page-id-152 .avia-builder-el-0 .container {
    padding-top: 0 !important;
}

Not sure about the other margins you want to remove though, could you post a screenshot highlighting the changes you would like to make please?

Thanks,
Rikard

Hi,

Great, glad you got it working and thanks for sharing :-)

Let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Thank you for using Enfold.

Looks like you managed to accomplish what you need with the following css code:

.avia-slideshow-inner, .avia-slideshow-inner img {
    height: 400px !important;
}

.avia-slideshow-inner img {
    min-width: 1000px !important;
}

Another workaround is to add another slider specifically created for mobile. Toggle the sliders’ display property on mobile and desktop. More info here. http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

Best regards,
Ismael

Hey LifEnD,

Thank you for using Enfold.

We replied to the following thread. https://kriesi.at/support/topic/sticky-menu-for-mobile-submenu/#post-673509

Please continue here.

Best regards,
Ismael

Hi,

Sticky or fixed elements are not fully supported on mobile devices or it is inconsistent, that’s why it’s disabled. You can set the position property of the #header container to fixed but it may create other issues.

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    position: fixed;
}
}

Best regards,
Ismael

Hi,

Great, glad it started working again. We’ll keep the thread open in case you should have any further problems on the topic.

Regards,
Rikard

Hi,

Thanks, that worked.

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

span.avia-menu-text {
    vertical-align: text-top !important;
    padding-bottom: 10px !important;
}

Regards,
Rikard

Hi,

Sorry, my bad. It was so small I didn’t notice it :-)

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

@media only screen and (max-width: 767px) {
.responsive #top .av-rotator-container-inner {
    font-size: 1em !important;
}
}

Regards,
Rikard

Hi,

Great, glad you figured it out. Please let us know if you should need any further help on the topic.

Thanks,
Rikard

Hi,

Great, glad you managed to work it out. Let us know if you should need any further help on the topic.

Thanks,
Rikard

Hi,

Thank you for the screenshot. Please add this in the Quick CSS field:

#top .scroll-down-link {
    color: red;
}

Best regards,
Ismael