Hi,

check out documentation about this topic: http://kriesi.at/documentation/enfold/my-contact-form-is-not-sending-emails/

Best regards,
Andy

Hi,

Try to replace this code:

#top .sidebar_left .content {
    width: 87%;
}

with this one:

#top .sidebar_left .content {
    padding-left: 0 !important;
    width: 74%;
    margin-right: 10%;
}

Just adjust the right margin as you see fit.

Best regards,
Nikko

Hi,

The Style Switcher isn’t part of Enfold theme’s package, it’s part of the demo to showcase the Pre-defined Color Scheme of Enfold which you can find in Enfold > General Styling. Only Kriesi has this, even moderators (like me) doesn’t have access to it. This is what Kriesi said regarding the Style Switcher: https://kriesi.at/support/topic/the-style-switcher/#post-31143

Best regards,
Nikko

Hi,

Go to Appearance > Menus, on the menu item find Menu Style and select Button Style (Bordered). Then add this in Quick CSS:

#top .av-menu-button > a .avia-menu-text {
    border-radius: 100px;
}

Hope this helps. :)

Best regards,
Nikko

Hey plilja,

Add the following block to the Quick CSS section:

a#advanced_menu_toggle { display: none !important; }

@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
display: block;
}
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}}

Best regards,
Jordan Shannon

Hi,
I added the following block to quick css so that it matched the other widget in the footer. Let me know if this is okay.

#nav_menu-4.widget.clearfix.widget_nav_menu{
width:300px !important;
}

#top .content .flex_column .widget_nav_menu li{
border:none !important;
margin-left:10px !important;
}

#top .content .flex_column .widget_nav_menu li a{
padding:0.5em 10px !important;
border:none; !important;
}

#top .content .flex_column .widget_nav_menu li:first-child {
border-top-style: none !important;
border-top-width: none !important;
}

Best regards,
Jordan Shannon

Hey iwallace,

You can add two color sections. One for the desktop and one for mobile devices. 

Add a specific class to each one and use that to show one on the desktop, while hiding the mobile. Then show mobile, and hide desktop on screen sizes below 768px;

Need help with this please provide your admin info and I will gladly help.

Best regards,
Jordan Shannon

Hi,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

.home #av_section_6 .avia_textblock p {
    position: relative;
}

.home #av_section_6 .avia_textblock > p > a:nth-child(2) {
    position: absolute !important;
    top: -20px;
    left: 50%;
    margin-left: -11px !important;
}

the icon might not look centered because of the text below it not occupying the whole space, but if you center the text below it or add a background color you should see it centered. Or you can adjust the margin-left value as you see fit.

You can remove the underline by adding this css code:

.home #av_section_6 .avia_textblock a {
    text-decoration: none;
}

Best regards,
Nikko

Hi Oby4455,

The login account you have provided is just a subscriber :( Anyway, try adding this css code in Quick CSS:

#socket .sub_menu_socket {
    float: none;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 30;
}

#socket .sub_menu_socket li {
    float: none;
    display: inline-block;
}

#socket .copyright {
    float: none;
    text-align: center;
    display: block;
    position: relative;
    top: 60px;
    z-index: 5;
}

Hope this helps.

Best regards,
Nikko

Hey psilos123,

Please to refer on this thread: https://kriesi.at/support/topic/problems-with-https-using-enfold/

Best regards,
Nikko

Hey dfds,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top .fullsize .template-blog .post .entry-content-wrapper, 
#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 100%;
}

Hope this helps.

Best regards,
Nikko

Hi,

We apologize for the delayed response due to a lot of queries in queue. You can change this by going to Enfold > Advance Styling > customize Small bar above Main Menu or in Quick CSS you can use this css code:

#top #avia2-menu a {
    color: white;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Thanks :) Don’t worry we don’t remove plugins, just deactivate it but most of the time we just activate it back if no issues are found. I checked your site and it seems show on mobile though only partial of the code is added:

@media only screen and (max-width:767px) {
  .responsive #top #main .sidebar {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
  }

the sidebar still has left margin because the code isn’t complete, I have added the code but it’s not reflecting (even with plugins disabled). Are you using some cloudproxy? seems like any changes done in Quick CSS doesn’t reflect instantly :(

Best regards,
Nikko

Hi Dave,

You can choose from the options given by Guenni and from there we can set it to absolute position, and adjust the left and top positioning. Also give us a link to your site so we can atleast see what you put in the header widget and try to give you css code to position it properly.

Best regards,
Nikko