CSS to make my mobile top bar text bigger

Hello, I tried that but it did not work. I would like to make the text, phone number and social icons bigger on mobile in the top bar

Thank you, but it still did not work.

Yes I always clear the caching on the site and the individual pages.

This is all the css that I have added. Do you see anything in here that might be over writing what you sent me?

roll-button{
background-color :#233452;
border-color: #64f200;
color: #ffffff
}

/* On hover state */
.roll-button:hover{
background-color: whitesmoke;
border-color: #233452; color: #233452;

}
header#masthead img.site-logo {
max-height: 120px;

}

@media (min-width: 768px)
{
.text-slider .maintitle {
font-size: 43px;
}

.text-slider .subtitle {
    font-size: 31px;
}

}
/**

• Fix slider header title font size
• on mobile screen
  */

@media only screen and (max-width:639px) {

.text-slider .maintitle {
font-size: 20px;
}
.slide-item::after {
content: ”;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 767px) {
header#masthead div.col-md-4.col-sm-8.col-xs-12 {
max-width: 73%;
}

header#masthead div.col-md-4.col-sm-8.col-xs-12,
header#masthead div.col-md-8.col-sm-4.col-xs-12 {
    width: auto;
}

header#masthead div.col-md-8.col-sm-4.col-xs-12 {
    float: right;
    padding: 2px 30px;
}

header#masthead nav#mainnav-mobi {
    left: -194px;
    width: 250px;
}

}

@media only screen and (max-width: 991px){

.site-header{
margin-top: -50;
}

}
.text-slider h1.maintitle {
font-size: 30px !important;
}
.sydney-hero-area
height: auto !Important;
}
.header-slider {
height: 400px !important;
}

}@media only screen and (min-width: 768px) {
.text-slider .maintitle {
font-weight: bold; font-size: 60px !important;
}
.text-slider .subtitle {
font-weight: bold; font-size: 30px !important;
}
}

@media only screen and (max-width: 991px) {
.text-slider .maintitle {
font-size: 34px;
}
.text-slider .subtitle {
font-size: 24px;
}
}

.home #main.content-area {
padding-top: 0;
}
.home .entry-content > .alignfull:first-child {
margin-top: 0;
}
@media only screen and (max-width: 1024px) {
.site-header {
padding-top: 0;
}
.header-contact {
padding-bottom: 0;
}
}
.site-content {
margin-bottom: 0px;
}
.fl-builder-content {
margin-bottom: 0;
}
@media only screen and (max-width: 800px) {
.site-logo {
max-height: 110px !important;

@media ( max-width: 1366px ) { 

.slides-container .slide-item {
background-position:center!important;background-attachment:scroll!important;
}
@media only screen and (max-width: 900px) {

.header-elements .header-item {
    font-size: 29px;
}


.social-profile .sydney-svg-icon,
.header-elements .header-item .sydney-svg-icon {
    width: 29px;
    height: 29px;
}

.header-elements .header-item .sydney-svg-icon svg,
.header-elements .social-profile .sydney-svg-icon svg {
    max-height: 29px;   
}

}

Thank you, everything is good with that.

Is there any other css code that will change the font size of the top bar on my mobile?

Search Labs | AI Overview

Learn more

No, generally, CSS errors don’t cause newer CSS rules to stop working; browsers are designed to ignore errors and continue parsing the CSS, applying valid rules. 

Here’s a more detailed explanation:

• Error Recovery:When a CSS error is encountered, the browser’s parser will skip the line containing the error and continue parsing the rest of the CSS file. 
• Fallbacks:Browsers are designed to gracefully handle CSS errors by ignoring invalid rules or properties, ensuring that the rest of your CSS styles are applied. 
• Specificity:If a CSS rule is invalid, it will not be applied, but the browser will continue to parse and apply valid rules that follow it. 
• Debugging:If you encounter CSS issues, use browser developer tools to identify and fix errors in your CSS code. 
• Caching:If you are not seeing your CSS changes reflected, ensure that your browser cache is cleared or that you are using a hard refresh to ensure that you are viewing the latest version of your CSS file. 

• This reply was modified 1 year ago by briank9trainer99.

If so can you tell me the correct lines for each of these please?

34.slide-item afterValue Error : content Parse Error 1

67.site-headerValue Error : margin-top only 0 can be a unit. You must put a unit after your number : -50

68.site-headerParse Error 1 }

80Parse Error }

144Parse Error

↑ Top

It all works!! Thank you so much!!

Now I am realizing how small the desktop top bar is..

How do i increase the size of the desktop top bar font size?