Hi,
For this slider I see that you are doing width:600px; to force the word break, with a margin-left:26%; to center.
I recommend trying width:32ch; to force the word break, CH is a width that is *close to a character width, and margin:auto; to center.
Try this css instead of yours:

@media only screen and (min-width: 480px) {
#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
    width: 32ch;
    font-style: italic;
    margin: auto;
}
#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content {
	width: 36ch;
	margin: auto;
}
}
@media only screen and (max-width: 769px) { 
	#top.page-id-3642 #full_slider_1 .slideshow_caption {
		padding: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 479px) { 
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content p {
		font-size: 20px;
		width: 100%;
		margin: auto;
	}
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
		font-size: 20px!important;
		width: 32ch;
		margin: auto;
	}
}
@media only screen and (max-width: 375px) { 
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content p {
		font-size: 13px;
		width: 100%;
		margin: auto;
	}
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
		font-size: 15px!important;
		width: 32ch;
		margin: auto;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey aruizhuidobro,
Thank you for the link to your site and the login, the Montserrat 800 is actually Montserrat-ExtraBold and not included by default, so I added it for you via the Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager
and adjusted your css to:

.avia-animated-number span.avia-single-number {
font-family: 'Montserrat-ExtraBold';
    font-size: 55px; 
   font-weight: 800;
}

and now it is working, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the update.

Try to remove the image from the menu item temporarily, then use this css code to insert an icon font inside the login menu item. The icon font should automatically switch color when the header changes or when scrolling down or up.

#menu-item-8683 a:before {
    font-family: 'entypo-fontello';
    content: "";
    font-size: 26px;
}

#menu-item-8683 .avia-menu-text {
    display: none;
}

Best regards,
Ismael

Hey Eleina_Shinn,

Thank you for the inquiry.

1.) Are you referring to the slider buttons? You can use this css code to adjust the size or style of the butotn on mobile view.

@media only screen and (max-width: 767px) {
    .avia-button.avia-size-large {
        padding: 11px 20px 9px;
        font-size: 11px;
        min-width: 99px;
    }
}

2.) It seems to be displaying as it should as shown in the screenshot below.

Screenshot: https://postimg.cc/QB5V1YTD

Best regards,
Ismael

Hi,

Thank you for the update.

The spaces between the menu items are now consistent. How did you fix it? Looks like you did remove the font-size property as suggested above.

Best regards,
Ismael

Hi,

Thanks for the update. Since you added an ID, then you have to use the # in front of the ID, not a period. I changed your code to this:

#top #formheading h6 {
        font-size: 30px !important;
}

And it working, please review your site.

Best regards,
Rikard

Hi Lyse,

Thanks for contacting us!

You can try adding following code to bottom of Quick CSS field

@media only screen and (max-width: 1390px) { 
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 14px;
    padding: 15px 10px;
}}

and that should help down to 1030px. If you are able to switch to mobile menu at 1030px in UberMenu, please do so :)

Regards,
Yigit

Hi,
Try this css:

#footer #text-6 .avia-button {
	border-radius: 40px;
    font-size: 30px;
    background-color: #48B2B7;
    border-width: 0;
    color: #fff;
    font-size: 16px;
}

expected results:

Best regards,
Mike

Hi,
Please try this css:

#top #wrap_all h3.slide-entry-title.entry-title {
font-size: 17px !important;
font-weight: normal;
}

After applying the css, please clear your browser cache and check.
Please note that not all fonts have a 100 font-weight available, thus the use of “normal” but you can try 100 if you want.

Best regards,
Mike

Hey Thedogscreative,

Thank you for the inquiry.

It might be due to the font-size property in this css declaration.

#top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li a {
    text-align: center !important;
    font-family: "static",sans-serif;
    font-size: 2.5vw;
    font-weight: 400 !important;
    color: #177F93;
}

Try to replace the unit vw with pixel or em in the value (2.5vw).

Best regards,
Ismael

Hi,
Thank you for the link to your site and feedback, I’m not sure if you have Yigit’s css in place right now but the difference I see is the font size, the “add to basket” is 12px and the “request a quote” is 15.6px, try this css to match the font size:

.single-product-summary a.add-request-quote-button.button {
    font-size: 12px;
}

at this point the buttons match if you consiter the text length, this doesn’t seem noticeable, but if you want the two to match you could reduse the padding a little like this

.single-product-summary a.add-request-quote-button.button {
    font-size: 12px;
    padding: 15px 7px;
}

Best regards,
Mike

Hey,

Thanks for contacting us!

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

a.add-request-quote-button.button {
    font-size: 12px;
}
.single-product .summary .cart {
    float: left;
    max-width: 140px;
}
.single-product .yith-ywraq-add-to-quote {
    margin-top: 55px;
}

Best regards,
Yigit

Hi,
Thank you for the link to your site and the explanation, for this one page /memory-care-learning-center/events/ page-id-2047
we will use css to hide any masonry elements with the class tribe_events_cat-independent-living
then we will use a jQuery script to check if no masonry elements are showing, and if so we will display a message.
Please add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top.page-id-2047 #av-masonry-1 .tribe_events_cat-independent-living {
	display: none;
}
.nocat {
	text-align: center;
    color: #fff;
    font-size: 20px;
}

Then add this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_nocat_script() { ?>
    <script>
(function($) {
var nocat = $('<div class="nocat">No Current Events</div>');
if($('#top.page-id-2047 .av-masonry-entry').is(':hidden')){
	$(nocat).appendTo('#av-masonry-1');
}
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_nocat_script');

Best regards,
Mike

Hi,

I checked your blog page but as I showed in my screenshot, I cannot see any issue. Font size is 16px.

Best regards,
Yigit

Hi,

1- I checked your pages however font size is 16px on those pages on my end. I attached a screenshot in private content field below. Please clear cache and refresh your page a few times.

2- You can login on ThemeForest and then go to – https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 to renew your support.

Best regards,
Yigit