Styling on Page

[csosa]

Hi I noticed my styling is off on this page - https://howto.sonypicturesrunner.com/mobile/

and is not the same as in this page - https://howto.sonypicturesrunner.com/

not sure what is causing the styling to go off because its a duplicate of the desktop page

[SamA74]

My initial guess, with a very quick look, it is not loading the custom fonts.

[RiversideRocks]

I should also note that both pages seem to be missing a CSS asset.

[csosa]

Weird @SamA74 @RiversideRocks this site is a wordpress theme and odd for it not to be loading the that stylesheet.

[csosa]

looks like in my dashboard it looks fine, it may be the browser or something

[csosa]

/* imports */

@import "compass/css3";

/* Header */ 
.site-description {
	display:none;
}

.header-ver-one {
	background-color: #032444;
}

.site-logo {
	width:200px;
}

.header-ver-one .navigation .mainmenu > li > a {
	color:#CCCCCC;
	font-weight:normal; 
}

.mainmenu:hover li a {
	color:#CCCCCC !important;
	font-weight:normal; 
}

span.hamburger-content {
	background:white !important;
}

span.hamburger-content::before {
	background:white !important;
}

span.hamburger-content::after {
	background:white !important;
}

.astm-search-menu {
	padding-top:15px;
}

.searchform .btn {
	background-color:#757575;
}

.fa-search {
	color:white;
}

.fa-search:hover {
	color:white;
}

.searchform .btn:hover {
	background-color:#1467B8;
}

.btn-dark {
	background-color:#757575 !important;
	border-color:#757575 !important;
	border-radius:0px !important;
}

.btn-dark:hover {
	background-color: #1467B8 !important;
		border-color:#1467B8  !important;
}

/* Body */ 

.quadmenu-navbar-nav li {
	width: 300px !important;
}

#quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-caret:before {
	width:unset;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form {
	font-size:14px;
	font-family:"Lato"; 
	font-weight:700;
}


.quadmenu-dropdown-menu li a {
	font-size:14px !important;
	margin-left:20px !important;
	line-height:2px !important;
}

.quadmenu-navbar-nav li {
	margin-right:0px !important;
}

.quadmenu-caret {
	width:120px !important;
	padding-left:0px !important;
}

.quadmenu-caret {
	padding-right:0px !important;
	overflow: visible !important;
}

.quadmenu-caret {
	font-size:20px !important;
	color:#333;
	height:35px !important;
}

.blog-sidebar-content .widget {
	margin-bottom:0px !important;
}

.blog-sidebar-content {
	position:relative !important;
	z-index:1 !important;
}

.quadmenu-item-content {
	padding-left:0px !important;
}

#quadmenu:not(.quadmenu-is-horizontal).quadmenu-mobile-shadow-show {
	box-shadow:none !important;
}

.entry-title:hover {
	color:#1467B8 !important;
}

body {display:flex;flex-direction:column;min-height:100vh;}
.site-footer{margin-top:auto;}

.input-group {
	height: 50px;
}

.form-controller{
	border-radius: 15px 0px 0px 15px;
	font-weight:500;
	font-size:16px;
	background-color: #F5F5F5;
}

.form-controller:focus {
	 box-shadow: 0px 0px 5px #ccc;
   color:#333; 
}

.searchform .btn {
	height:50px !important;
	width:50px;
	border-radius: 0px 15px 15px 0px;
}

.fa-search {
	font-size:20px;
}

.form-controller::placeholder  {
 color:#333;
}

/*Chrome*/

input:focus::-webkit-input-placeholder {
    color: #1467B8;
}

/* Firefox < 19 */
input:focus:-moz-placeholder {
    color: red;
}

/* Firefox > 19 */

input:focus::-moz-placeholder {
    color: red;
}

/* Internet Explorer 10 */

input:focus:-ms-input-placeholder {
    color: red;
}



a:hover {
  color:#1467B8 !important;
}

#post-6 h2{
	pointer-events:none;
}

.more-link:hover {
	background-color:#1467B8 !important;
	color:white !important;
}

.more-link {
	border-radius:0px !important;
}

.mrb-75 {
	display:none !important;
}

.btn-contact a { 
	background-color:#757575;
	border-radius:0px;
}

.btn-contact a:hover { 
	background-color:#1467B8;
	color:white !important;
	text-decoration:none !important;
}

 #gdt-page-start {
	margin-top: 150px;
	margin-bottom: -150px;
	background-size:inherit;
	background-position:center;
}


.pagination-block .pagination li.active a {
	background-color:#757575;
	border-color:#757575;
}

.pagination-block .pagination li.active a:hover {
	background-color:#1467B8;
	color:white !important;
	border-color:#1467B8;
}

.navigation-text{
	color:white !important;
	background-color:#757575;
}

.navigation-text:hover {
	color:white !important;
	background-color:#1467B8 !important;
}


@media screen and (min-width: 0px) and (max-width: 400px) {
  #menu-item-3287 { display: none !important; }  /* show it on small screens */
}




.icon-plus-squared:before {
    content: '\f0d7';
	  font-family: FontAwesome;
}

.icon-minus-squared:before {
    content: '\f0d8';
	  font-family: FontAwesome;
}

.right-area .btn-gf {
    border-width: 2px;
    border-radius: 0px;
    text-transform: uppercase;
    border: none;
	  background-color:#757575 !important;
}

.right-area .btn-gf:hover {
	background-color:#1467B8 !important;
	color:white !important;
}

.right-area .btn-gf:active {
	background-color:#1467B8 !important;
	color:white !important;
}


.right-area .btn-gf:focus {
	background-color:#1467B8 !important;
	color:white !important;
}


.pt-cv-colsys {
 		margin:auto;
	  margin-top:200px;
	  padding: 0px 250px 0px 250px;
}

.pt-cv-wrapper .btn-success {
	background-color:#757575;
	border-color:#757575;
}

.pt-cv-wrapper .btn-success:hover{
	background-color:#1467B8;
	color:white !important;
	border-color:#1467B8;
}

.pt-cv-wrapper .pt-cv-content .btn-success:active {
	background-color:#1467B8;
	color:white !important;
	border-color:#1467B8;
}

.pt-cv-wrapper .pt-cv-content .btn-success:visited {
	background-color:transparent;
	color:white !important;
	border-color:#757575;
}

.pt-cv-wrapper .pt-cv-content .btn-success:focus {
	color:white !important;
	border-color:#757575;
	box-shadow:none !important;
}


/* Custom Home Page */

.pt-cv-colsys {
    margin-left: -15px;
    margin-top: 0px;
    padding: 0 0px 0 0px;
}

body:not(.bbpress) .blog-single-page .entry-content .entry-title, body:not(.buddypress) .blog-single-page .entry-content .entry-title {
	display:none;
}

.pt-cv-wrapper .pt-cv-content .btn-success:focus {
	background-color:#757575; 
}

have some custom css

[PaulOB]

I don’t see a difference so I assume you have fixed it by now?

[csosa]

yeah looks like it was fixed