Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom Font Spacing


sarahprime

Question

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

Link to comment

6 answers to this question

Recommended Posts

  • 0

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 *//
}

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...