briank9trainer99

That did not work, was same code as you gave for the mobile top bar text

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

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, 2 months ago by briank9trainer99.

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;   
}

}

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