Hey Lene,

Thank you for the inquiry.

We edited the css rules in the Appearance > Customize > Extra CSS panel:

.topKnap a {
    width: 140px;
    height: 52px;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin-right: 6px;
    padding: 21px 50px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    float: right;
    min-width: 200px;
    letter-spacing: 0.05em;
    background-color: #55726f;
    border-radius: 50px;
    -moz-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}

.topKnap a:hover {
    background-color: #55726f;
    color: #fff;
}

.responsive #top #header #header_main .inner-container .widget .fas {
    color: #55726f !important;
}

Best regards,
Ismael

Hey magdazafeir,

Thank you for the inquiry.

You can adjust the default font size in the Enfold > General Styling > Typography panel. You can also set values for different sizes. If you need more styling options, you can configure the style of the paragraph element in the Enfold > Advanced Styling panel.

Best regards,
Ismael

Hey Thumphreys,

You have an open media query in Quick CSS:

.logo img {
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .responsive .logo img {
        margin: 0;
        display: none;
    }
#top div .caption_center .slideshow_caption {
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 35px;
}

That is likely why the theme options are not applying.

Best regards,
Rikard

Hi,

Thank you for the update.

Concerning the subject. On tiny the labels are displayed on 2 lines and the warning is half hidden under the textarea.

We can’t find any posts with the comment section. Please provide a direct link.

Another small thing, the comment form and the share buttons are both intended to be displayed at the end of one article but their titles do not have the same font size. H3 to Leave a comment and H5 to Share this post.

Try to modify the enfold\comments.php file and look for this code around line 180:

$default_heading = 'h3';
		$args = array(
					'heading'		=> $default_heading,
					'extra_class'	=> ''
				);

Best regards,
Ismael

Hey dnweil,

You can change the font sizes for each screen size in the Styling tab for each slide.

Best regards,
Rikard

Hi,

Thank you for the update.

Have you tried adjusting the font size settings in the Enfold > General Styling > Typography tab? You can set different font sizes for various screen sizes. For mobile view, try adjusting the font size in the Very Small dropdown.

Best regards,
Ismael

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #header .mega_menu_title,
#top #header .mega_menu_title a {
    font-size: 12px;
}

Best regards,
Mike

Hi,

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:

@media only screen and (max-width: 479px) { 
#top #wrap_all #main h4.av-special-heading-tag,#top #wrap_all #main h6.av-special-heading-tag {
    font-size: 8px;
}
}

adjust the font size to suit

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.html_av-overlay-side-classic #top .av-burger-overlay .avia-menu-text {
    font-size: 17px;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Did you remove the css above:

.av-special-heading-tag h4,h6 {
    font-size: 55px!important;
}

I don’t see a link to your site, please provide and tell us which title you are looking at that is an H4.

Best regards,
Mike

Hi,
Please see Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings and set the font size for “small” & “very small”

Best regards,
Mike

Hey findweat,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#top .widget_nav_menu li {
  font-size: 17px;
}
}

Best regards,
Rikard

Hi,

Thank you for the update.

how to change the page titles (only on mobile view)

Are you referring to the Special Heading element? Please edit the element and adjust the settings under Styling > Font Sizes > Heading Font Sizes. You can toggle the device icons to change the font size for different screen sizes.

Best regards,
Ismael

Hey JoStudioDeRijp,

Thank you for the inquiry.

You can use this css code to adjust the font size of the hotspot content:

#top .avia-tooltip.av-tt-hotspot {
    font-size: 20px;
}

Best regards,
Ismael