jb15

Any chance you could copy the code here on the thread? That way I can just copy it? I’m not really a programmer and tried to make the changes and it didn’t go so well.

Ok, so just to clarify. You installed the superslides slider plugin and then made some code modifications that you posted and the sync problem was resolved?

If so, this is awesome.

I haven’t gone live with the site quite yet. But I do have the code. Not sure if this will help at all:

@media only screen and (max-width: 767px) {
.header-wrap .col-md-4,
.header-wrap .col-md-8 {
width: 35%;
}

.btn-menu {
margin: 5px auto 0;

}

.text-slider {
display: block !important;
margin-top: 90px;
}
.text-slider .maintitle {
font-size: 20px;
line-height: 15px;
padding-bottom: 5px;
}
.text-slider .subtitle {
font-size: 15px;
line-height: 8px;
padding: 10px 0 34px;
}
.roll-button {
padding: 10px 30px;
}
.roll-project .project-item {
width: 100%;
}
.roll-project.fullwidth .project-item {
width: 50%;
}
.roll-counter {
margin-bottom: 50px;
}
.single-post .author-post .author-avatar {
float: none;
margin-bottom: 20px;
}
.single-post .author-post .author-info {
margin-left: 0;
padding: 0;
}
.single-post .author-post ul.socials {
position: static;
}
.single-post .author-post .intro {
clear: left;
padding-top: 10px;
}
.comment-list .children {
margin-left: 75px;
}
.error-wrap .error-search {
padding: 0 20px;
}
.aside-image .content-wrap {
padding-left: 0;
padding-right: 0;
}
.social-menu-widget a:before {
font-size: 42px;
}
.btn-menu {
float: none;
margin: 15px auto 0;
}
.header-wrap {
text-align: center;
}
#mainnav-mobi {
top: auto;
}
.site-header.float-header {
padding-top: 20px;
padding-bottom: 20px;
}

Actually, if I could be shown how to move it up more. That would work too so it’s lined up with my logo better.

That’s a nice theme as well. I don’t necessarily hate the red dots. But I have a symbol with my logo that would look cool as the preloader if I can replace the red dots.

Can the red dots be replaced with another image?

Would this be the part you need? Apologize if I’ve copied to much in here. This is from the stylesheet.

/*————————————————————–
Header
————————————————————–*/
.site-title {
font-size: 32px;
line-height: 1.2;
}
.site-title a,
.site-title a:hover {
color: #fff;
}
.site-logo {
max-height: 100px;
}
.site-header {
position: absolute;
top: 0;
left: 10;
width: 100%;
z-index: 1000;
background-color: transparent;
padding: 20px 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.admin-bar .site-header,
.admin-bar .site-header.float-header {
top: 32px;
}
.header-image {
display: none;
position: relative;
height: 300px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.site-title {
margin: 0;
}
.site-description {
font-size: 16px;
margin: 15px 0 0;
line-height: 1.6;
color: #efefef;
}
.site-header.fixed {
position: fixed;
}

.site-header .col-md-4,
.site-header .col-md-8 {
min-height: 0;
}

.site-header .logo {
margin: 40px 0;
float: left;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.site-header .logo a {
display: block;
height: 100%;
}

.site-header .logo {
width: 135px;
height: 27px;
}

.site-header.float-header {
background-color: rgba(0,0,0,0.9);
padding: 5px;
}
.site-header.float-header #mainnav {
padding: 0;
}

.site-header.float-header #mainnav > ul > li > a {
height: 70px;
line-height: 70px;
}

.site-header.float-header .logo {
margin: 20px 0;
}

Not yet, right now just working from my laptop internally. Right now the site title is set to the default location for the Sydney theme. I haven’t changed anything.

Hello, I am also experiencing this issue. Is there an ETA on when this might be resolved?