Header changes color on ipad mini in portrait mode

Hi Barb!

Hope you are doing well :)

I added following code to bottom of Style.css file of your child theme

.responsive.html_mobile_menu_tablet #top #wrap_all #header.av_header_transparency {
    background-color: white;
}
@media only screen and (max-width: 990px) { 
#inschrijven .flex_column_table_cell {
    display: block;
    width: 100%;
}
#inschrijven .flex_column_table {
    display: block;
}}

Please review your website :)

Best regards,
Yigit

Hey Barb!

I’m doing good too, thanks! :)

By default, transparent header is disabled on mobile so it displays the header in body background color, in your case green :) I simply set it to white.

You can add following code to Quick CSS to display each column full width on landscape mode

@media only screen and (max-width: 768px) { 
.responsive .flex_column {
    width: 100%;
    margin-left: 0;
}}

Cheers!
Yigit

Hi Barb,

1- Can you please post a screenshot of the issue?

2- Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your element and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

.my-custom-class img { border: 1px solid #333333; }

Best regards,
Yigit

Hi,

1- I changed the code to following one

@media only screen and (max-width: 1240px) { 
#inschrijven .flex_column {
    width: 100%;
}}

2- I added custom CSS class to your Tab Section element and added following custom CSS code to bottom of Style.css file of your child theme

.tab-img-border img { border: 2px solid #333333 !important; }

Please delete border from your columns.

Please review your website :)

Best regards,
Yigit