[pbi design]

Yes it’s working. However, if I try to add content to the test page you set up and especially if I want to have an image at the top of the page (and not a slider) the naked header doesn’t work well. So what am I doing wrong?

http://trivolt.pbidesign.com/light-logo-test/

In addition, it’s working on the home page, so I’m not sure why it sometimes works and sometimes not.
http://trivolt.pbidesign.com

thanks,
Rossitza

[pbi design]

Well, the logo isn’t perfect either. I have uploaded a white/gray version of the logo in the light and dark versions for a naked header (see two screen shots) and it’s not showing either one, even when I select a light or dark header for the page. The navigation doesn’t change either. The question is why the naked header isn’t working. Shouldn’t the navigation color change without my having to use custom CSS to force it to change? Shouldn’t the logo change as well?

Attachments:

You must be logged in to view attached files.

[pbi design]

Hi Rui,

thanks for your suggestion, but it solves the issue only partly. Now we can get content from shortcodes, but the rest of content looses its styling.

[pbi design]

I just found another thread on this topic and found the following CSS:
.spb-row-container.spb_parallax_asset {
padding-top: 0;
padding-bottom: 0;
}
I can add this and then go to each individual instance of this asset (I have about 12) and change the padding, but I would prefer to set it once, globally, with this CSS. Couldn’t I do that? What is the defined height for this asset? This way I can figure out how much I need to add to get to my 250px.

[pbi design]

Thanks Mohammad. I appreciate your help.

[pbi design]

Hello Rui,

I made the edits and it’s working perfectly. thank you.
Rossitza

[pbi design]

Thanks Ed,

that worked perfectly. I now have quite a but of custom CSS you guys have helped me add that’s piling up and I was wondering if it makes sense for it to be grouped together in a particular way? Would you mind taking a look and letting me know your opinion: does it makes any difference or should it be “tidied up”?

#header-section {
height: 120px;
padding: 0px 0;
}
.header-6 .container{
margin-top: -7px!important;
}
nav#main-navigation .menu > li > a span.nav-line{
background-color: #fff;
}
nav .menu li {
letter-spacing: 0.5px;
}
.spb_accordion .spb_accordion_section > h3 a {
font-size: 16px;
letter-spacing: 0.5px;
}
.client-item figure {
opacity: 1;
border: none;
}
@media only screen and (min-width: 1900px) {
.alt-bg {
margin-left: -476px !important;
padding-left: 490px !important;
padding-right: 541px !important;
}
}
@media only screen and (min-width: 1900px) {
.page-heading .heading-text {
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) {
.client-item figure {
height: 250px;
}
}
.sf-icon-box[class*=”sf-icon-box-boxed-“] .sf-icon-box-content-wrap {
background-color: #F4F4F4!important;
}
@media only screen and (max-width: 767px) {
#logo img, #logo img.retina {
max-width: 60%;
min-height: 0;
}
}
.sf-list {
padding-left: 1.3em;
text-indent: -1.6em;
}
.spb_tour .tab-content{padding-left:385px;}
.spb_tour .nav-tabs{width:360px !important
}
@media only screen and (max-width: 767px) {
.spb_parallax_asset.blueheader {
background-color: #d1d7e3;
background-image: none!important;
}
}
@media only screen and (max-width: 767px) {
#header-section {
height: 85px !important;
}
}
@media only screen and (max-width: 1024px){
.carousel-wrap a.prev, .carousel-wrap a.next, .flex-direction-nav {
display: block!important;
}
}
@media only screen and (max-width: 991px) {
#logo a.mobile-menu-show {
position: absolute;
top: 0;
right: 25px;
}
}

[pbi design]

done.

[pbi design]

Hello Rui,

I provided the login onto and was wondering if you have had a chance to look into this issue.

thanks,

Rossitza

[pbi design]

This reply has been marked as private.

[pbi design]

This reply has been marked as private.

[pbi design]

Hello,

still waiting to hear back on the mobile menu placement issue. I’ve attached another screen shot – after adding the custom CSS bits both Mohammad and Rui recommended.

thank you.

Attachments:

You must be logged in to view attached files.

[pbi design]

Hi Mohamad,

I included all the information you ask about in my initial message… I have copied it below:

I have used the “clients” element on this page:

Our Services

and it works well on the desktop version of the site, but when I view it on a mobile phone, the carousel displays fine, but when I try to tap on the individual items the links don’t work.

Let me know if you need anything else.

Rossitza

[pbi design]

I just checked some previous support posts and there is one last week, so it appears to be “a conflict with the Swipe events”. Let me know if you need access to the site.

thanks

[pbi design]

Still not working. Maybe there is something already in the custom CSS messing it up?
I can send you the WP login if that would help.

Rossitza