After Auto Upgrade & Replacing Custom Files Header Alignment is Broken

Today I ran the autoupdate script to update to 7.2.3.

Before updating it warned me to backup the following files as they had custom edits which would be overwritten;

all.css
all.min.css
custom.css
styles.css
lang/english.php
clientregister.tpl
logo.png

I backed up the files and then reuploaded them after the update completed, selecting overwrite.

The update was successful but the header alignment is now broken. See below;

The files from time of backup to time of upload after the update were not changed in any way.

Can somebody shed some light on why this has happened? And offer a solution?

Website (remove the asterisks);

quality*client*area.com

Thank you for any assistance you can offer.

Can somebody shed some light on why this has happened? And offer a solution?

WHMCS changed the CSS styling in 7.2. I would download a fresh copy of WHMCS 7.2.3 from https://download.whmcs.com/ and then re-upload the css folder for the Six theme.

- - - Updated - - -

I think your missing the following from your CSS

ul.top-nav>li.primary-action {    padding-left: 15px;
   margin-left: 5px;
   border-left: solid 1px #ddd;
}


ul.top-nav>li, ul.top-nav>li>a {
   display: inline-block;
   position: relative;
}


ul.top-nav {
   margin: 0;
   font-size: .8em;
}


@media (max-width: 991px)
ul.top-nav {
   font-size: .9em;
}


ul.top-nav {
   float: right;
   margin-top: 8px;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
   white-space: nowrap;
}

Your defiantly having some CSS issues. Your website offers web design services, get one of our developers to take a peak at it?!?

Before updating it warned me to backup the following files as they had custom edits which would be overwritten;

all.css
all.min.css
custom.css
styles.css
lang/english.php
clientregister.tpl
logo.png

it's also worth adding that from the above list, four of them should not have been edited at all...

• all.css -> reference only and not used.
  
• all.min.css -> used but should not be edited (all css changes should be in custom.css)
  
• styles.css -> not used.
  
• lang/english.php -> the original language files should never be edited because you'll lose the changes during an update - use Language Overrides instead and you won't have to worry about that.
  

WHMCS changed the CSS styling in 7.2. I would download a fresh copy of WHMCS 7.2.3 from https://download.whmcs.com/ and then re-upload the css folder for the Six theme.

 

- - - Updated - - -

 

I think your missing the following from your CSS

 

ul.top-nav>li.primary-action {    padding-left: 15px;
   margin-left: 5px;
   border-left: solid 1px #ddd;
}


ul.top-nav>li, ul.top-nav>li>a {
   display: inline-block;
   position: relative;
}


ul.top-nav {
   margin: 0;
   font-size: .8em;
}


@media (max-width: 991px)
ul.top-nav {
   font-size: .9em;
}


ul.top-nav {
   float: right;
   margin-top: 8px;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
   white-space: nowrap;
}

 

Your defiantly having some CSS issues. Your website offers web design services, get one of our developers to take a peak at it?!?

Thanks for your help. I'll look at implementing it.

RE: Web Design Services - we have an agreement in place with a third party to sell web design services for a commission-only. As you can probably guess from my questions here ITT, we do not do this work ourselves! Thanks again.

it's also worth adding that from the above list, four of them should not have been edited at all...

 

• all.css -> reference only and not used.
  
• all.min.css -> used but should not be edited (all css changes should be in custom.css)
  
• styles.css -> not used.
  
• lang/english.php -> the original language files should never be edited because you'll lose the changes during an update - use Language Overrides instead and you won't have to worry about that.
  

Good insight. Thanks for that.