Hi,

use this code:

dl.variation {
margin-top: -21px !important;
}

Best regards,
Andy

Hey richardbeatty,

you could hide your logo on mobile, to display your tranparent image only:

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

Then for your mobile menu use this:

@media only screen and (max-width: 989px) {
#advanced_menu_toggle {
top: -31px;
background: transparent !important;
border: 1px solid black !important;
}}

Best regards,
Andy

Hey kilimats,

you would need to search for a plugin with such a function. The theme can’t do this for you. Maybe check Groups – User membership management plugin from our list here: https://kriesi.at/support/topic/recommended-plugins/

Best regards,
Andy

Hey eC,

use this code inside Quick CSS field:

@media only screen and (max-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 15px;
}
#full_slider_1 {
height: 220px;
}
.avia-slideshow.avia-slideshow-1.av-control-hidden.avia-slideshow-featured_large.av_slideshow_full.avia-fade-slider {
height: 237px;
}}

Hope this helps!

Best regards,
Andy

Hi,

try this code inside Quick CSS field:

#header_meta {
z-index: 1;
}
#header .widget {
top: -60px;
}

Best regards,
Andy

Hi,

not sure what you want to achieve exactly, a mockup showing the results would really help. However, maybt it’s this:

@media only screen and (max-width:767px) {
#header .container.av-logo-container {
top: -108px;
width: 70% !important;
right: -40px;
}}

Best regards,
Andy

Hi,

this is a general WordPress issue and not a theme related one. Check out this thread: https://kriesi.at/support/topic/top-menu-looses-class-current-menu-parent-when-selecting-portfolio-item-or-post/

Best regards,
Andy

Hi,

use this code inside Quick CSS field:

.html_cart_at_menu.html_bottom_nav_header #menu-item-shop {
top: 48px;
right: -67px;
}

Best regards,
Andy

Hi,

try this code inside Quick CSS field:

#top .avia_partner_widget {
width: 350px;
max-width: 350px;
}

and adjust as needed.

Best regards,
Andy

Hi,

use this code to achieve what you’re showing on your mockup:

#menu-standaard {
margin-right: 177px !important;
margin-top: -108px !important;
}
.flex_column.av_three_fifth.no_margin.flex_column_div.av-zero-column-padding.avia-builder-el-10.el_after_av_two_fifth.el_before_av_submenu.avia-builder-el-last.bordermenu.column-top-margin {
margin-top: -67px !important;
}

and adjust as needed.

If you’re talking about some other issues here as well, then please provide some screenshots showing what you’re talking about.

Best regards,
Andy

Hi Christian,

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

#top .title_container {
  display: none;
}

@media only screen and (max-width:989px) {
  #top .title_container {
    display: block !important;
  }
}

Let us know if it works :)

Regards,
Nikko

Hey YongyanLi!

I’m not sure what you meant by Accordion Toggle Frustrated, can you elaborate on that? as for making the font size of the toggle, try adding this in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top .taglist a {
    font-size: 12px;
  }
}

Hope this helps.

Best regards,
Nikko

Hi!

I have checked it and when you edit the cells from the grid content, you will see the first one has 0 padding while the other three has 30px padding (top, bottom, left, right), I modified it and changed it to 0, that should make them all the same now.

Regards,
Nikko

Hey!

Try adding this code in Quick CSS:

@media only screen and (max-width:767px) {
  .responsive #top #main {
    padding-top: 82px !important;
  }
}

Let us know if it helps :)

Cheers!
Nikko