Hi Ismael,

I have only put the last code you gave me into the functions.php file now. I cleared the browsing data on my ipad in the browser settings. But no change on the ipad. Is there anything in my Quick CSS that could interfere with your code:

.main_color tr {
background: #fff !important; border-color: #fff !important;
}

td {
border-width: 0px !important;
}

.grid-content {
min-height: 100px;
}

.page-id-3274 #av_section_1 .iconbox_icon:hover:before {
color: darkgray;
}

.page-id-3689 #av_section_1 .iconbox_icon:hover:before {
color: darkgray;
}

.avia-testimonial-meta {
margin-left: 0;
}

.iconbox_content_title {
text-transform: none !important;
}

.search .date-container, .search .date-container + .text-sep {
display: none !important ;
}

.logo img {
height: auto;
width: 300px;
height: 77px;
}

.avia-testimonial .avia-testimonial_inner{
font-style: italic;
font-size: 15px;
}

.page-id-3777 .avia-builder-el-3 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-5 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-7 .iconbox_icon:hover:before{
color: darkgray;
}

.iconbox_icon:hover:before {
color: darkgray !important;
}

#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon, #top .iconbox_top .iconbox_icon, #top .iconbox.av-no-box .iconbox_icon {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 35px;
}

.reports-isc .av_textblock_section{
margin:20px 0!important;
}

.avia-builder-el-19 {
height: 202px !important;
}

@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}
}
body .column-top-margin {
margin-top: 0px!important;
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special, #menu-item-search {
display: block;
}
}
.av-main-nav > li > a {
padding: 0 8px;
}
@media only screen and (max-width: 1366px) and (min-width: 768px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}

.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.responsive #top .av-submenu-container {
top: auto !important;
position: relative !important;
height: auto;
min-height: 0;
margin-bottom: -1px;
}
}

Thanks,
Carolin

Hi Ismael,

yes I know it’s fine on any device or browser but not on the iPad!

Will your code fix it on the iPad?

Thanks,
Carolin

I tried what Mike suggested in the last message (Anchor issue with sticky header on iPad). That didn’t change anything. So I went on the website that he referenced and added the orientation and other pixel ratio. The code is now as below but still no change unfortunately:

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)
and (-webkit-min-device-pixel-ratio: 2) { .anchor {
display: block!important;
height: 100px!important;
margin-top: -100px!important;
visibility: hidden;
}}

And I’m lost when I read the other thread :S
I’m not a programmer but Graphic Designer so I don’t understand what they are talking about when it comes to js files and where they live.

Is there something else I could put into the Quick CSS?

Thanks!
Carolin

• This reply was modified 7 years, 1 month ago by messmeriza.

Hi Victoria,

I don’t see any code from you.

Thanks,
Carolin

Awesome!! Thanks, Ismael. Looks great now!

Hi John,

I have added the code that you gave me to the Quick CSS, but nothing changed. The space is still the same as in the screenshot I sent in my last message:
https://www.dropbox.com/s/y7w5d6avshfzw0a/spacing_OurWork_02.png?dl=0
I would like the space that I marked in the screenshot below reduced by about half. And the same for all other spaces before every portfolio grid.

I have given you the login to my WordPress site above. Can you please check if there’s something else in the Quick CSS or somewhere else that overwrites the code you gave me.

Thanks,
Carolin

• This reply was modified 7 years, 1 month ago by messmeriza.

Thanks, please see private content.
Carolin

Hi Mike,
I’m going to leave it as it is. It’s left aligned to the first column below the slider and that looks good.
Thanks for your help though!
Carolin

Thanks John. That works!

Hi Jordan,

this does not work unfortunately. Can you suggest something else please?

Thanks,
Carolin

Hi Mike,

the reason I set it to negative -54px is so that it would left align with the logo above. Now that I have set it to 0 it’s indented and not aligned anymore. Is there anything I can do to left align it with the logo and not get it cut off when I resize the window?

See screenshot in the private content.

Thanks!
Carolin

Hi Rikard,

I want the circles and icon sizes on the homepage to be the same as on the other pages.

On the homepage it looks like the circle is 70 px. On the other pages it’s 60px.
The icons on the homepage are a lot smaller than on the other pages and I want them to be the same size as well.

See the screenshots in the private content.

I don’t know why the css wouldn’t work for the homepage. One of your colleagues gave me the code.

Thanks,
Carolin