Hey Krissie,

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

#top .av-submenu-container li a {
    font-size: 14px;
    font-weight: 700;
}

Just adjust the font size value as you see fit :)

Best regards,
Nikko

Hey Orsha,

Try changing it to this code:

@media only screen and (max-width: 480px) {
  .slideshow_align_caption {
    vertical-align: top !important;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

Can you try to replace the code I gave to this one:

@media only screen and (max-width:767px) {
  #top #mobile-advanced a {
    color: #333 !important;
  }
}

Let us know if this works.

Regards,
Nikko

Hey mcraig77,

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

#top #header .av-main-nav > li > a .avia-menu-text {
    text-transform: uppercase;
}

#top #header .av-main-nav > li > a::first-letter {
    font-size: 24px;
}

Just adjust the font size value :)

Best regards,
Nikko

Hi,

We apologize for the delay, a lot of inquiries in the forum lately. Can you try to disable autoptimize? and see if this helps, the plugin caches styles and which prevents the latest changes to reflect on the frontend.

Best regards,
Nikko

Hey marissaconniff,

You have already posted this topic here: https://kriesi.at/support/topic/make-blog-text-larger/
I’ll be closing this one.

Best regards,
Nikko

Hey tremblayly,

Try adding this css code in QUick CSS:

@media only screen and (max-width:1024px) {
  #top.home .avia-content-slider .avia-slideshow-arrows a {
    top: 8%;
  }
}

Just adjust the 8% value, the lesser the value the higher it goes.

Best regards,
Nikko

Hey tremblayly,

Try adding this css code in Quick CSS:

@media only screen and (max-width:767px) {
  .responsive #top .cart_dropdown {
    margin-right: 0 !important;
  }
}

Let us know if this helps.

Best regards,
Nikko

Hey atrixdave,

The best approach and get best results for this is use some css codes using media queries: https://www.w3schools.com/css/css_rwd_mediaqueries.asp and also multiple images that are designed for specific width or devices. You can add this css code in Quick CSS located in Enfold > General Styling, it would look something like this:

/*For Desktop in 1600px width*/
@media only screen and (max-width:1600px) {
  #sign-up .av-parallax-inner.main_color.avia-full-stretch {
    background-image: url('image_for_1600px_width.jpg');
  }
}

/*For ipad landscape*/
@media only screen and (max-width:1024px) {
  #sign-up .av-parallax-inner.main_color.avia-full-stretch {
    background-image: url('image_for_1600px_width.jpg');
  }
}

/*For ipad portrait*/
@media only screen and (max-width:960px) {
  #sign-up .av-parallax-inner.main_color.avia-full-stretch {
    background-image: url('image_for_1600px_width.jpg');
  }
}

Hope this helps.

Best regards,
Nikko

Hi,

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

.search-results .tribe_events {
    margin-top: 0 !important;
}

Let us know if this helps :)

Best regards,
Nikko

Hey sweet3,

try to follow posts like https://kriesi.at/support/topic/social-icon-in-mobile-menu/

Best regards,
Andy

Hi,

refer to posts like: https://kriesi.at/support/topic/enfold-theme-shortcode-to-layerslider-hover-effect-layerslider/#post-169187

Can you provide us the shortcode you want to use? admin access would helpful as well.

Best regards,
Andy

Hey djhal3,

I can’t see what you mean, looks like this on iPad screen size: http://i.imgur.com/FJryzqh.png
So pretty much like on desktop for me. Can you provide us some screenshots please?

Don’t forget to clear browser cache and hard refresh a few times.

Best regards,
Andy

Hey lucky19,

refer to:

https://kriesi.at/support/topic/can-i-customize-the-helper-main-menu-php-under-child-theme/#post-283681

We can’t provide support for 3rd party plugins as written inside our support policy. So you need to this by yourself or hire a freelance developer if you’re not familiar with php coding.

Best regards,
Andy

Hi,

use this code inside Quick CSS field:

#footer .flex_column section:first-of-type {
margin-top: 0px;
}

Best regards,
Andy