Thanks Victoria. That code didn’t work. I was able to modify the code to get it to work. The only issue now is when you pull up the datepicker both the background of the box and the number are #188ece so it looks like just a blue box without the number. How can I make it so the active date is in white with the blue background when you first open the datepicker? Right now I have it set so that if I hover over the active date it works correctly, it just doesn’t work when you initially open the datepicker.

#top .avia-datepicker-div a.ui-state-highlight {
  color: #188ece !important;
}
#top .avia-datepicker-div a.ui-state-highlight:hover {
  color: #fff !important;
}

Here are WP credentials.

I also attached a video that shows the same thing is happening on your demo so it looks like it’s a bug within the theme.

Thanks Mike, that worked great except for a couple of small issues.

1) How can I make the border 15px wide instead of 30px wide. I changed 30px to 15px but it didn’t seem to make a difference. I changed the media query to just target my iPad in portrait mode for now because 30px on my iPhone is too wide of a border. I would like the fixed frame to be 15px wide on my iPad in portrait mode and a separate media query with a 5px fixed frame.

2) The socket with the copyright info gets cut off now and it can’t be scrolled up high enough to be read. (See Image)

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive .av-frame.av-frame-left, .responsive .av-frame.av-frame-right, .responsive .av-frame.av-frame-bottom {
    display: inherit!important; }
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    right: 30px!important; }}

Thanks again!

• This reply was modified 7 years, 3 months ago by djshortkut.

Thank you! You can close this ticket.

Sorry, here you go.

• This reply was modified 7 years, 3 months ago by djshortkut.

Thanks Jordan! You can close this ticket.

• This reply was modified 7 years, 3 months ago by djshortkut.

Thanks Yigit!

1) I also want the logo to show on my iPad when I pull up the mobile menu in portrait mode just like it does on my iPhone. I increased the media query of the code below to include my iPad portrait screen size but it still doesn’t work. Can you please let me know how to make this work. Thanks!

@media only screen and (max-width: 990px) {
.responsive #top .av_alternate_logo_active .logo a > img {
    z-index: 99999;
}
}

2) No, the close menu button is still not working on my iPad in portrait mode. I think the problem is the style of header that I am using. It looks like the close button might be turning to the color white when the mobile menu is open and that’s why it can’t be seen. Thanks in advance for your help!

• This reply was modified 7 years, 3 months ago by djshortkut.

Thanks Basilis, that’s exactly what I was looking for! You can close this ticket.

• This reply was modified 7 years, 9 months ago by djshortkut.

Thank you Nikko! You can close this ticket.

Thanks, you can close this ticket.

Thank you Yigit! You can close this ticket.

Thank you. You can close this ticket.

You can close this thread.

You can close this thread

No, I have not added any additional css. All I did was update the theme to version 3.8 and now the text and buttons are not centered anymore. They were working fine before the update.