Hey Tima,

Try adding this to quick css

@media only screen and (max-width: 768px) and (min-width: 483px) {
.caption_right .slideshow_caption{
width:600px!important;
}
}

@media only screen and (max-width: 414px) and (min-width: 320px)  {

.responsive #top .slideshow_caption h2 {
    font-size: 80% !important;
}


.avia-caption-content p{
   font-size: 60% !important;
}

}

@media only screen and (max-width: 320px)  {

.avia-caption-content p{
   font-size: 50% !important;
}

}

Let me know if this works for you.

Best regards,
Jordan Shannon

Hi,

Add this Quick CSS:

.menu-item-top-level menu-item-top-level-6 a {
  color: #fff !important;

let me know if this helped!

Best regards,
John Torvik

Hey ccorkrum,

Try adding the following css codes in Quick CSS (located in Enfold > General Styling), for breadcrumb:

.title_container .breadcrumb {
    font-size: 12px;
}

for footer:

#top .copyright {
    font-size: 12px;
}

Just adjust the font sizes. Hope this helps :)

Best regards,
Nikko

Hi,

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

#top.single-portfolio .avia-post-nav,
.single-portfolio #av-layout-grid-2, 
.single-portfolio #av-layout-grid-3, 
.single-portfolio #av-layout-grid-4 {
    display: none !important;
}

Hope this helps.

Best regards,
Nikko

Hey LordLiverpool,

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

#top .ui-datepicker-multi {
    width: 94% !important;
}

Just adjust the width as you see fit. HOpe this helps.

Best regards,
Nikko

Hi,

Try using a Video module (which we will hide on desktop version and view in mobile). Then turn on Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ in the video module’s custom css classes field put show-mobile save the page and go to Enfold > General Styling, find Quick CSS and add this css code:

.show-mobile {
  display: none;
}

@media only screen and (max-width:767px) {
  .show-mobile {
    display: block;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi m9491,

This code will work in most cases for pages, no need for custom class

#top .post-entry.post-entry-type-page .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content {
	vertical-align: bottom;
	text-align: right;
}

Best regards,
Victoria

Hi george,

Try this adjustment. Notice though, the menu does not become the burger menu since it’s normal screen mode.

.responsive #top .header-scrolled.header-scrolled-full .main_menu {
    text-align: left;
}
.responsive #top .header-scrolled.header-scrolled-full .logo {
        left: 90%;
} 

Is this what you’re trying to achieve?
Best regards,
Victoria

• This reply was modified 9 years ago by Victoria.

Hi blingblingsister,

You have to add this rule to your both of your mobile queries in woocommerce-mod.css

.responsive #top #main .products .product.first {
    clear: both;
}

Let us know if this was helpful.
Best regards,
Victoria