Found a quick and dirty fix for the time being:

.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
    margin-top: -72px;
}

This essentially pushes the 100% container 72px to the top, cutting of the top of the slider, but I can present this to our customer in the hopes that you guys have a better solution for me.

The way I see it we could either change the script for the sticky fullwidth submenu OR we could shorten the 100% container by 72px.
In any case, I didn’t find any way to do it, so I am still hoping you have an idea.

Cheers,

Michael

This does not work. It only makes the photo shorter.

As you can see the background stays large.

So to be clear. The color section is not height adjusting with this CSS

I’d be happy to stop posting on this topic but the CSS you are giving me isn’t working

doesn’t work

@media only screen and (max-width: 767px) {
#photo-center .av-parallax .av-parallax-inner {
height: 200px !important;
}}

Thank you,

Jas

Andy,

I’m very sorry. I don’t understand your english. You saying “this” and “it” and then you are telling me above to replace new CSS with old CSS. “replace it with the old one.” why would I replace new CSS with old CSS? Wouldn’t it be the other way around?

Here is what I have now. Please copy and paste the parts I need and I will delete the rest. Thank you.

.av-instagram-pics.av-instagram-size-thumbnail {
    width: 70%;
    padding-top: 12px !important;
}

.av-instagram-item {
    padding: 1px;
}

.av-instagram-item:hover a {
    opacity: .5;
} /*instagram hover effect*/

.widget-easy-twitter-feed-widget-container .row {
    margin-bottom: 0;
}

.av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
width: 80px;
height: 80px;
}

@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) {
.av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
width: 80px;
height: 80px;
}}

Andy,

See screenshot below:
The request is this: I want to adjust the height on the red box which is a color section background. None of the CSS above does this.

1. On several posts you’re telling me my problems seem to look ok to you. But they don’t look ok to me which is why I am posting a topic.

2. You’re telling me to post links that are already here in this post.

3. You’re telling me to post screenshots that are already here in this post.

This is happening in post after post. and if you look at my other topics I’ve never had this much trouble with any other rep. I don’t know why to say or do here. I think you and I just don’t work well together. When I am working with other reps I don’t have this problem.

Thank you for your help but this is taking 4 times as long as normal. Please just forward my posts to other reps. I’d appreciate it.

Jas

Andy,

I don’t know what to say. I have been struggling to get you to see things which are plainly obvious to me. The first several posts of this topic were me just trying to get you to see what I am seeing. There are several screenshots below clearly showing why the problem is.

I appreciate your help Andy, but in more than one topic, we struggle with basic communication. When other support reps answer my posts, I have no problem. I think at this point, it would be best if you would please forward this request, other existing requests and future requests to another support representative.

I do appreciate your help, but we are not working well together. I don’t know what else to do.

None of the screenshots below happen until we add the last CSS you gave me.
The uneven spacing does not occur until we add the last CSS.
BUT, without the last CSS the instagram thumbnails are not perfectly sized.

Thank you,

Jas

Sorry the precise link is above. Site #1 in Private Content
#post-580249

The screenshot is also above here. #1a in Private Content
#post-583850

Thank you

All good! Thanks a lot Yigit!

This topic can now be closed.
Wish you a nice week-end.

Regards,
Steph.

Rikard… one question more…

I need the same mobile menu style (hamburguer button) but for desktop… Is possible?..

Thanks again..=)

I don’t think I am explaining myself correctly. ALL of the CSS below, no matter what I adjust, only adjusts the size and position of the icons. I have attempted to adjust the 20px and 85px values.

I want to make the color section shorter. I need CSS to adjust the height of the background color section that the icons are laying on top of.

The icons are perfect. The background that the icons lay on top of are not.

This is what I have currently…

@media only screen and (max-width: 767px) {
#top #wrap_all #photo-center .flex_column.av_one_third {
    width: 31%;
    height: 85px!important;
    float: left;
    clear: none;
    margin-left: 1%;
}} /*content element: icon*/

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) { 
a.av-icon-char {
font-size: 20px !important;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
}} /*icon content element size*/

Hi Andy,

The code below makes things worse. It causes other problems. I left this CSS on the site. Resize your desktop browser at different sizes and take a look at what happens. I used 80px x 80px by the way. 60 x 60 looked bad.

.av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
width: 80px;
height: 80px;
}

@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) {
.av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
width: 80px;
height: 80px;
}}

Hey that helped Ismael!

An interesting thing happened. The CSS made the top of the photo cropped.

So, I added height: 320px !important; and it moved the photo AND made the photo smaller so I can see the entire image.

@media only screen and (max-width: 767px) {
#photo-center .av-parallax .av-parallax-inner {
    background-position: 50% 50% !important;
    height: 320px !important;
}
} /*move background image*/

Thank you Ismael! you can close this topic..

Hi Andy,

We are not talking about that anymore. It’s the phone number that is light on iPhone but not Android. You can see the screenshots here..

Sorry, the topic can be closed, I found it out by myself.
Just don’t use the hexa codes for the colors (e.g.#ffffff), but use
rga(255,255,255,0.5)
for example.

Hallo nochmal,
hab eine Lösung gefunden !!!

Einfach unter “Custom top and bottom margin” die Margin-Bottom auf -1px setzten (mir war nicht klar das man dort auch neg. Werte angeben kann …)

Hi Yigit,

I’m using Chrome, IE & Firefox on both Win 7 Pro 64bit and Windows Server 2008 R2

And also Safari on the iPad.

The 2008 machine is not on my network and is being accessed via remote desktop software so that rules out my router/network or anything else I can think of causing this.

I’ve also tested this over 4G on my iPhone and am seeing the same issue. (only did this as we once saw O2 data mangling some of our scripts and we had to move to https to stop the problem. Same thing happened to Transport For London but O2 listened to them but not too us. Funny that).

Anyway, if I can provide any more test info please say. Suffice to say I can see this on all devices on all networks and all browsers.

thanks,

Hedley