"Soledad Info Box" (#2440959) / PenciDesign

m28006 started the conversation
June 15, 2020 at 1:12pm
Hi,
I am using the Soledad Infobox to display six icons across my homepage (just above the footer). Two questions:
1. Clicking the icons does not seem to work (after inserting the URLs).
2. The six columns get broken down to one column stacked on top of eachother in responsive mobile view. Is there a way I can display two columns instead of one in mobile view?

Thank you!
Anders
m28006 replied
June 15, 2020 at 3:47pm
Not sure if I included the URL or not:
https://londonducklings.co.uk
2,699
PenciDesign replied
June 15, 2020 at 4:26pm
Hi,
1/ Please try add more this code to Customize > Custom CSS to fix it:
#penciinfo_box_46045 .penci-ibox-icon a { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 21; }
2/ That's responsive from WPBakery plugin, we can't touch to it.

Best Regards,
PenciDesign
m28006 replied
June 15, 2020 at 5:04pm
Thanks for the quick reply. Inserted the custom CSS but result is the same.
2,699
PenciDesign replied
June 16, 2020 at 2:52am
Hi,
Ahh, sorry, please change the code I sent to this code:
.penci-ibox-icon a { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 21; }
Best Regards,
PenciDesign
m28006 replied
June 16, 2020 at 6:06am
Result is the same; clicking on the icons is not working.

2,699

PenciDesign replied

Hi,

Please try again with this code:

.penci-ibox-icon a {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 21 !important;
}

Best Regards,

PenciDesign

1 Like