Mobile optimisation issue

Shapely
1

Hi - template working great on desktop view, but on mobile view it is cutting one of the parallax sections midway - see image. Also, the cookie pop up should be a navy box with yellow words ‘I understand’ but its very faint so cannot see it unless hovering over. Any ideas - both visible on same image. I will send wordpress login details to following in pm.

Thanks,

Emmie

2

U: [email protected]
P: Artdecodreaming123!

Thanks,

Emily

3

Hi Emily

Please always include a link to your site in the question
Please note, a cookie notice is not our product

4

Hi Noda,

My apologies… here it is:

www.bouncebehaviouralscience.com

Sorry I thought that the colour ways for buttons etc would still apply but will look into how to change on this specific widget…

Best wishes,

Emmie

5

hey there

Please add this CSS in appearance - customize - additional CSS

div#media_gallery-3 {
background: white;
}

Thanks!
Colorlib Support Team

6

Hi Noda,

That hasn’t worked unfortunately. Still got the overlapping on mobile view - see image. Writing is on the line in the yellow section. I know it cant be perfect but is there an alternative CSS to try as the rest has spaced nicely…?

Thanks,

Emmie

7

Hi

Ok, please try this code instead:

@media (max-width: 767px){
.top-parallax-section .text-center {
    padding-top: 100px;
}
.top-parallax-section .text-center {
    padding-top: 100px;
}
}
8

Thank you. That’s worked top, but not bottom (see image). Does it need that added too? Sorry to be such a huge pain on this! Very grateful for fab support…

9

hi

sorry, I believe this is the final piece of the code :slight_smile:

@media (max-width: 768px){
.fullscreen {
height: 80vh !important;
}
.align-transform {
position: relative;
transform: none;
-webkit-transform: none;
top: auto;
}
}