Hey Perry,

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

#top #header_main, #top #header_main > .container, .av-main-nav > li  {
	max-height: 90px!important;
	overflow: visible;
}
.logo {
    min-height: 150px;
}
#main {
  	padding-top:90px!important;
}
.av-main-nav > li > a {
	line-height: 90px!important;
}

Best regards,
Vinay

Hi,

Try adding this css property

    float: left;
    line-height: 48px;

inside of

#top #header .av-main-nav > li > a::first-letter {

}

If it’s not right adjust the line-height property a bit.

Best regards,
Nikko

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