Dear Nikko,
Got it, many thanks. Consider this case closed.
Thank you again!
Cheers,
Tim

Dear Nikko,
No worries. Thank you for taking a closer look.
What did you do to fix the logo issue?
Please advise.
Thank you.
Tim

Nikko,
Apologies for the many replies…
I’ve found a way to control the color box on the mobile. Here is the code:

/* Shrink the color box on the home page on mobile portrait */
@media only screen and (max-width:320px) {
  #top.home #av_section_1 {
    /*background-size: cover !important;*/
    background-size: 100% auto !important;
    background-attachment: scroll !important;
    height: 200px !important;
  }
  #top.home #av_section_1 .container {
    height: 200px !important;
  }  
}

Strangely, the mobile logo is back… don’t know why.

Not luck increasing the sizes of the gallery images with the CSS that you gave me. Other ideas?
Thank you.
Tim

• This reply was modified 6 years, 7 months ago by hypergolica.

Nikko,
I’m also not having any luck with the code you’ve given me for home page image.
I’ve done the following:

/* Shrink the color box on the home page on mobile horizontal */
@media only screen and (max-width::320px) {
  #top.home #av_section_1 {
    background-size: cover !important;
    background-attachment: scroll !important;
    height: 200px !important;
    border: 2px solid red !important;
  }

  #top.home #av_section_1 .container {
    height: 200px;
  }
}

As you can see, I’ve tried targeting a smaller device (max width 320 px) and I’ve tried adding a border to check and see if the code is actually communicating with the DIV… which it isn’t.
This is one of the things I struggle the most with: very hard to target specific elements in the Enfold theme with CSS. I wish it were easier.
That said, I’m probably not doing something right. What’s the trick?
Please advise.
Thank you.
Tim

Dear Nikko,
Many thanks for the reply.
Here is the filter code:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
if(wp_is_mobile() )
{
$logo = "...address of new logo ";
}
return $logo;
}

I can confirm that the filter does NOT work. (Link to image as seen on mobile + link the image that should have been visible.)
Might it not work because of a caching plugin? I’ve got WP Rocket installed and activated.
Credentials below if you want to look.

I’ll test out the CSS you suggest and report back.
Thank you, Nikko!
Cheers,
Tim

Dear Ismael,
Thank you for investigating. In the event you should get an answer back from your developers, I’d be curious to know why that pops up as an issue.
Cheers,
Tim

Rikard,

Good idea. I ended up switching to the Color Box as I noticed that even using the Fullwidth Easy Slider had problems regarding the image loading. I’ve no idea what causes the conflict, but if I had to guess, I’d say it is something to do with WP Rocket.

The only problemI had with the Color box is the position of the background image within the box. I tried using CSS to modify the ‘background-position’, but, holy cow!, what a nightmare trying to figure out the right path. I even followed Yigit’s instructions on adding a custom class name and it still didn’t work.

To fix this, I ended up cropping the image the way I wanted and exported it accordingly, but, If you could show me the right CSS to better position the image for future use, I’d be much obliged.

Link to the site below.

Many thanks.

Cheers,

Tim

Dear Rikard,
Thank you for taking a look! Credentials below.
Cheers,
Tim

Basilis,
You nailed it! That is the fix. Thank you!!!!
Cheers,
Tim

Dear Support,

Sorry, scratch everything I said. The “Border Color” does control it! I found a SECOND custom CSS I had added long ago that was overwriting everything. Please close this topic. My apologies for the inconvenience!

Cheers,

Tim

Hi Rikard and Ismael,
I’ve tested adding the link as suggested and realized that my original question was incomplete: yes, adding the link opens Maps, but, it doesn’t offer directions to that location from the user’s current location. I’ve since investigated on Google’s Maps URL page and, despite adding the parameter “origin=current+location”, I’m getting erroneous results. Some posts on other forums mention a bug in Google Maps, but those date back to May, so it seems strange that the bug would still exist.

So, if anyone knows how to create a URL that would open an address in Maps with starting point = current location and end point = specific address, I’d be grateful for the help.

In the meantime, I’ll continue to investigate, and if I find the answer, I’ll report back.

Cheers,

Tim

Hello Victoria!
Many thanks for your reply. I appreciate it.
I activated the “Really Simple SSL” plugin and it worked like a charm! I would also note that as part of the activation, the plugin automatically made the changes that you indicate above.
Thanks again.
Tim

Rikard,
Case closed!
Thank you and the rest of the team!
Cheers,
Tim

Dear Ismael,

Aces! You’ve identified the problem; removing the CSS code entirely fixes it, but it also eliminates the caption.
Unfortunately, adding the z-index to the CSS doesn’t solve the problem (even after clearing the cache), so my question now is:
How do I get the caption back on the default galleries and not interfere with the image layover?
Many thanks!
Cheers,
Tim