Hi marcelmontel!

Change this Code:

@media only screen and (max-width: 768px) {
.post {
550px !important;
}}

to this one:

@media only screen and (max-width: 768px) {
.post {
150px !important;
}}

And you should make the font size of titles smaller:

@media only screen and (max-width: 768px) {
#top .fullsize .template-blog .post-title {
font-size: 13px;
}}

Regards,
Andy

Hey!

Try adding this to your custom CSS.

#socket .social_bookmarks > li > a {
    font-size: 40px !important;
}

Cheers!
Elliott

Hi jmorillo!

1. Try adding this to your custom CSS.

.av_secondary_right .sub_menu {
    float: none;
}

2. Try increasing your header height in Dashboard > Enfold > Header.

3. You can change the font sizes in Dashboard > Enfold > General Styling.

4. Can you send us a link to where this is happening?

5. Same as above and it would be great if you could take a screenshot highlighting these problems so we can get a better idea.

6. I moved your portfolio grid into a 1/1 column so it does not break the sidebar.

Cheers!
Elliott

Hi slui!

Try adding this to your custom CSS.

.avia-caption-content p { font-size: 20px !important; }

Cheers!
Elliott

Hi!

You can use this CSS to increase the size.

.iconbox_icon { font-size: 40px !important; }

Send us a link and we’ll take a look. You can mark your reply as private if you wish.

Best regards,
Elliott

Hey djshortkut!

Try adding this to your custom CSS.

.avia-caption-title { background: none !important; font-size: 50px !important; }
.avia-caption-content, .avia-caption-content p { background: none !important; font-size: 20px !important; }

Regards,
Elliott

Hi!

The desired font available must be available in the server first , you’d need to convert the font to @font-face format and include it in your website, here’s a good plugin to do that – https://wordpress.org/plugins/wp-font-face/

Alternatively you can simply look for a similar Google Font and include that instead, it’s a much easier process.

The menu collapsing it’s happening because of the code you have in Quick CSS, you’d need to re-factor it via media queries, for example this one will apply it only when the screen size it’s at least 1550px:

@media only screen and (min-width: 1550px) {
.av-main-nav li {
right: 300px;
}

Cheers!
Josue

Hey!

Try adding this to your custom CSS.

#footer-outer i, #header-secondary-outer #social i { font-size: 40px !important; }

If that’s not working then send us a link and we’ll take a look.

Best regards,
Elliott

Hi!

Perhaps your wanting to set it’s weight to normal and increase it’s height a bit? Try adding this to your custom CSS.

#top #header .av-main-nav > li > a { font-weight: 400 !important; font-size: 20px !important; }

Cheers!
Elliott

• This reply was modified 11 years, 4 months ago by Elliott.

Hi Felix!

1. Add this to Quick CSS:

.responsive #top #wrap_all #header {
    position: fixed;
}

2. Try with the following code (it will reduce the padding and font-size at the given screen width):

@media only screen and (max-width: 989px) {
.responsive .main_menu ul:first-child > li > a{
    font-size: 12px;
    padding: 0 6px;
}
}

3. I’m not noting any underline in the links of your page.

4. Add this to Quick CSS:

.image-overlay{
display: none !important;
}

5. There is a way to do this, simply put all menu items in the same menu but add the class of “noMobile” to the ones you don’t want in the mobile menu.

Regards,
Josue