Hey psipi!

Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
We can also provide you custom CSS code if you point out the sections

Regards,
Yigit

Hi Senso!

1- Please see Ismael’s post here to add new Google fonts and font weights – https://kriesi.at/support/topic/add-new-font/#post-234710
2- You can post the link to your website and point out the categories you would like to remove from sidebar widget and we can provide you custom CSS code to do so
3- Can you elaborate please? Screenshot would help. This is how it looks on my local installation http://i.imgur.com/rW7jCuT.jpg
3a- Using custom CSS we can hide the title of second column. Please post the link to your website and point out the title you would like to remove
4- Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
If you would like to change the font size of other elements, let us know and we can provide you custom CSS code
5- Please see Ismael’s post here – https://kriesi.at/support/topic/the-blog-grid-is-not-being-displayed-correctly-in-version-2-4-5/#post-210799
you can replace your title with “Blog Grid”
6- Please add following code to Quick CSS in Enfold theme options under Styling tab

.title_container .main-title { display: none !important; }

7- You can go to Enfold theme options > Header > Mobile Menu and check "Hide Mobile Menu Submenu Items" to show submenu items on click
8- You can edit helper-post-format.php file inside wp-content\themes\enfold\includes folder
9- bbPress plugin is fully compatible with Enfold - https://wordpress.org/plugins/bbpress/
10- Please try using this one - http://wordpress.org/plugins/socialize/

Cheers!
Yigit

Hi!

What version of IE are you checking this with? If you’re using IE9 or lower, please use this:

.av-main-nav > li > a {
font-size: 12px !important\9;
padding: 0 5px !important\9;
}

I hope that helps.

Regards,
Ismael

Hey!

Please add following code to Quick CSS as well and adjust as needed

#top .social_bookmarks li a { font-size: 18px; }

Regards,
Yigit

Hi!

You just need to edit the last CSS code i posted to adjust the font size. Line height and paddings are set to minimum already

Cheers!
Yigit

Hi!

You can use following code

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 13px;
}
.caption_framed .slideshow_caption .avia-caption-content p {
font-size: 12px;
}}

In the example, 13px is for heading and 12px for content which would be applied on screens smaller than 479px

Best regards,
Yigit

Hey!

It seems like only options are; making the font size smaller on mobile, changing height to fixed value ( which will look like this http://i.imgur.com/zhlBQxs.jpg ), removing the description section on mobile or making the text shorter

Regards,
Yigit

Hey!

Please try adding following code to Quick CSS as well

@media only screen and (max-width: 990px) and (min-width: 768px) {
div .slideshow_caption h2 { font-size: 18px !important; }}
@media only screen and (max-width: 500px) { 
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { padding: 2px!important; }
div .slideshow_caption h2 { font-size: 12px !important; }
.caption_framed .slideshow_caption .avia-caption-content p { line-height: 1em !important; }}

Regards,
Yigit

Hi!

Thank you for doing as suggested above. Please add this on Quick CSS or custom.css to resize the table:

@media (max-width: 767px) {
.avia-data-table .avia-pricing-row td, .avia-data-table .avia-pricing-row th {
text-align: center;
font-size: 20px;
line-height: 1.3em;
max-width: 147px;
word-break: break-word;
}
}

Best regards,
Ismael

Hi!

The codes’ suggested above should work but I think they’re not working on your end because you have a cache plugin. Please try to empty cache and make sure that you have added the suggested code above. Remove browser cache then reload the page a few times.

@media all and (max-width: 989px) and (min-width: 768px) {
.av-main-nav > li > a {
font-size: 12px !important;
padding: 0 5px !important;
}
}

Best regards,
Ismael

Hi!

After increasing the size of icons, please adjust following value as well

.iconbox_top .iconbox_icon { left: 46%; }

Cheers!
Yigit

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 14px;
}
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { padding: 2px; }}

And can you post a screenshot from your devices? When i resize browsers window i do not see an issue above 480px

Regards,
Yigit