Forum Replies Created
-
Posts
-
One other issue that I think I actually prefer is that at least on my iPhone 8+ the six columns are all displaying in one row instead of two at a time like the CSS is trying to do for screens less than 768px (8+ is 750px in case my client wants two at a time, how would I fix that?
I added the below to custom CSS and it seems to have fixed the white band issue:
#after_section_2{display:none;}Will that potentially break anything else or is that ID unique across the site?
OK I did all of that and are relatively happy with it all except for the white band between the footer page and the socket, anyway to get rid of that? I will look into it myself now.
Ok so if I am following along then I would add an image to each of the six columns instead of using the advertising area widget? Then for the logo below the ads I’d create 3 columns to center the logo as an image? What will that do with the social media icons and copyright in the footer? Will the socket remain using a page based footer?
Thanks, I removed the hacky CSS so can you please review and provide a more elegant solution? Sorry I should have removed it but was trying to get the client happy with a workaround.
My guess would be SG’s Optimizer plugin is using a regexp that is throwing false positives on those lines for some reason.
Note: I don’t work here, just another customer answering questions while I wait for a response to my own thread ;)
You would need to add something like a text block at the bottom of your home page to achieve that or hack some of the PHP if you want it in the exact same spot but only on the home page.
That hacky CSS completely messes up the layout of the ads on mobile so is there a better way to do it?
I further hacked it with the below to mainly fix the overlay but it is even more hacky now, I wish the plugin supported set rows/cols in the advertising area widget to make this easier:
#footer .avia_partner_widget a:hover .image-overlay{ opacity:0.7!important; left: 30px!important; width: 125px!important; }I managed to hack it together but hopefully there is a more elegant solution, if not how would I get the overlays to line up or just disable them all together?
section#avia_partner_widget-2{ margin-left: 150px!important; } section#avia_partner_widget-3{ margin-left: 455px!important; margin-top: -180px!important; } section#avia_partner_widget-4{ margin-left: 760px!important; margin-top: -180px!important; } #footer .avia_partner_widget a img{ padding-left: 30px; }
