Hey Helgi!

Thank you for using Enfold.

It is actually set to 20px. If you want, you can use this on Quick CSS:

.av-subheading.av-subheading_below {
font-size: 30px !important;
}

Regards,
Ismael

Hey!

Thank you for the screenshot.

I can see the social icons on my screen. What is the screen resolution of your monitor? Try this on Quick CSS or custom.css:

@media only screen and (max-width: 1320px) {
.html_header_sidebar #header .av-main-nav>li>a {
padding: 7px 3px;
}

.html_header_sidebar #header .av-main-nav>li>a .avia-menu-text {
font-size: 13px;
}

.html_header_sidebar #header .av-main-nav>li>a .avia-menu-subtext {
font-size: 11px;
}

.html_header_sidebar .logo {
padding: 20px 20px;
}

.html_header_sidebar #header .av-main-nav {
padding: 10px 0;
}
}

Best regards,
Ismael

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 1140px) {
.av-main-nav > li > a > span.avia-menu-text {
font-size: 14px;
}}

Cheers!
Yigit

Hi!

Yes. You can use page ID’s to apply the code on certain pages as following

.page-id-13 h2.avia-caption-title { font-size: 40px !important; }

Cheers!
Yigit

Hey DROR!

Please add following code to Quick CSS

.sidebar a {
font-size: 12px;
}

Regards,
Yigit

Hi bakbek!

Please use following code

h2.avia-caption-title { font-size: 40px !important; }
.avia-caption-content p { font-size: 24px !important; }

Regards,
Yigit

Hi heufti65!

It is a custom CSS code

.jobs-menu > a > span.avia-menu-text:after {
content: "1";
font-size: 9px;
color: #FFF;
background: #42A0BD;
line-height: 17px;
width: 17px;
display: inline-block;
text-align: center;
border-radius: 100px;
position: relative;
top: -9px;
left: 2px;
}

Menu item has “jobs-menu” class

Cheers!
Yigit

Hi Martin!

Thank you for using Enfold.

Please use this:

h5.related_title {
text-align: center;
font-size: 20px;
}

Regards,
Ismael

Hey TimoUrban!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 480px) {
.avia-testimonial-content p {
font-size: 13px;
}
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0px 70px;
}}

Regards,
Yigit

Hi!

Please try adding following code to Quick CSS as well

@media only screen and (max-width: 1140px) {
#top .av-main-nav > li > a {
font-size: 0 6px;
}
}

I cannot reproduce the issue by resizing my browser window. Please make sure to flush browser cache of your mobile device after applying the code

Regards,
Yigit

Hey bakbek!

Please add following code to Quick CSS

.avia-content-slider .slide-entry-title { font-size: 26px; }
.entry-content-wrapper .post-title { font-size: 26px; }

Regards,
Yigit

Hi bakbek!

Please add following code to Quick CSS and adjust as needed

.av-subheading.av-subheading_below p {
font-size: 37px!important;
}

Best regards,
Yigit

Hi Belinda!

Thank you for using Enfold.

Please use this to adjust the size of the main menu on iPad or tablet view:

@media only screen and (max-width: 989px) {
#top .av-main-nav > li > a {
font-size: 14px;
}
}

Best regards,
Ismael

Hi sevanah!

Thank you for using Enfold.

Please add this on Quick CSS or custom.css to adjust the menu size and padding:

.av-main-nav > li > a {
padding: 0 8px;
font-size: 12px;
}

Go to Enfold > Header Layout > Mobile Menu panel. The set the Header Mobile Menu activation to the second option.

Regards,
Ismael

Hi bakbek!

Please add following code to Quick CSS

.sidebar .widgettitle { font-size: 16px; }

Cheers!
Yigit

Hey diefleischerei!

Please add following code to Quick CSS

input.wysija-submit.wysija-submit-field, p.wysija-paragraph { margin: 0; float: left; font-size: 14px !important;}

Cheers!
Yigit