Custom Font Spacing

Site URL: https://www.mirboonorth.com/

Password: Mirboonorth

I am using a custom font for my client's website, and incorporated it into the website using a Code Block. However, I am having issues with a ton of spacing around the code code block.

It's causing some spacing issues on the desktop site, but especially on mobile.

I've tried a few different codes targeting the padding of the code blocks, but nothing seems to do the trick to fix this issue. 

Website: www.mirboonorth.com, password: Mirboonorth

Have you tried Custom CSS? That usually will do the trick to sizing your website to mobile size.
See if this Changes the size of the word 'MirbooNorth' on the header on the mobile site. 
LET'S TEST THIS OUT, SHALL WE?

COPY AND PASTE BELOW CODE IN THE CUSTOM CSS UNDER DESIGN, IT'S WORTH A TRY🤷🏻‍♂️

/* CSS FOR TABLET AND MOBILE */
@mobile:  ~"only screen and (max-width: 640px)";
@tablet:  ~"only screen and (min-width: 641px) and (max-width: 980px)";

/* CSS FOR TABLET */
@media @tablet {
/* Insert Code for Tablet Below This Line*/

/* Insert Code for Tablet Above This Line */
}

/* CSS FOR MOBILE */
@media @mobile {
/* Insert Code for Mobile Below This Line  
 

/*MirbooNorth Header*/
#block-yui_3_17_2_1_1620831576334_3950{
max-width:50%!important;
margin: 0 auto;
}  
//* Insert Code for Mobile Above This Line *//
}

On 5/12/2021 at 10:05 PM, sarahprime said:

Site URL: https://www.mirboonorth.com/

Password: Mirboonorth

I am using a custom font for my client's website, and incorporated it into the website using a Code Block. However, I am having issues with a ton of spacing around the code code block.

It's causing some spacing issues on the desktop site, but especially on mobile.

I've tried a few different codes targeting the padding of the code blocks, but nothing seems to do the trick to fix this issue. 

Website: www.mirboonorth.com, password: Mirboonorth

Do you still need help?

On 5/13/2021 at 1:19 AM, theclevercreative said:

Have you tried Custom CSS? That usually will do the trick to sizing your website to mobile size.
See if this Changes the size of the word 'MirbooNorth' on the header on the mobile site. 
LET'S TEST THIS OUT, SHALL WE?

 

COPY AND PASTE BELOW CODE IN THE CUSTOM CSS UNDER DESIGN, IT'S WORTH A TRY🤷🏻‍♂️

 

/* CSS FOR TABLET AND MOBILE */
@mobile:  ~"only screen and (max-width: 640px)";
@tablet:  ~"only screen and (min-width: 641px) and (max-width: 980px)";

/* CSS FOR TABLET */
@media @tablet {
/* Insert Code for Tablet Below This Line*/

/* Insert Code for Tablet Above This Line */
}

/* CSS FOR MOBILE */
@media @mobile {
/* Insert Code for Mobile Below This Line  
 

/*MirbooNorth Header*/
#block-yui_3_17_2_1_1620831576334_3950{
max-width:50%!important;
margin: 0 auto;
}  
//* Insert Code for Mobile Above This Line *//
}

Thanks for your support, but the issue persists unfortunately!

8 hours ago, tuanphan said:

Do you still need help?

Yes please!

On 5/14/2021 at 8:38 PM, sarahprime said:

Yes please!

Can you take a screenshot & describe in detail? We can help easier

3 hours ago, tuanphan said:

Can you take a screenshot & describe in detail? We can help easier

Thank you for your offer of assistance, a friend has jumped in to sort it for me, I was running on a tight timeline!