Custom css advanced

Posted in: Newspaper
Post count: 31

Hello,

I try to add a second ads on post content.
I have add on the custom css this code:
#ad1 {
top: 10px;
left: 10px;
float: right;}

and then on the CSS Advanced the same, for mobile display.
But the code dosen’t work line on desktop
See this photo for better understend:
https://pasteboard.co/GGPtu6y.png

Any ideea how i can solve this problem for mobile versions?

Post count: 20688

Hi,

I am assuming it does not work fine on mobile, that is what I can see in the screenshot. On mobile try removing the float properly. Use a code like this and see if it displays properly

#ad1 {
float: none;
}

Enter it in Theme panel->Advanced CSS in the phones section. However it would be helpful if you could provide a link to your website if possible, so we can see the issue and try to give you a more accurate solution.

Thanks

Post count: 31

Hello,

I have add for desktop:

#ad1 {
top: 10px;
left: 10px;
float: right;}

And for mobile:

#ad1 {
float: none;
}

My web site it’s : https://www.povesteata.eu/ce-oi-fi-mintea-mea/ ( one post example ).

Many regards and i wait one reply from you.

Post count: 20688

Hi,

After inspecting the ad it seems there is a mistake in the code
https://www.screencast.com/t/gnX0P3Tdu
Remove that space after the id and then your custom code will apply. The ad will look like this with the float you will set
https://www.screencast.com/t/VnhuFjm1

Thanks

Post count: 31

Hello,

On some page it’s work but some page not work. I realy don’t know exact what’s the problem:

Here it’s example:
https://www.povesteata.eu/este-o-poveste-de-viata-ar-fi-trebuit-sa-fie-de-iubire-dar/

On mobile version it’s work fine..!!

Post count: 20688

Hi,

On desktop leave it like this
https://www.screencast.com/t/ao2frwnStjH
Then maybe use a code like this to remove the float and center the ad on smaller devices
https://www.screencast.com/t/sZv1M8nmgg
Remove any other previous code used regarding the ad and try this one. Enter it in the Custom CSS section in the theme panel

#ad1 {
top: 10px;
left: 10px;
float: right;
}
@media (max-width: 767px) {
#ad1 {
float: none;
text-align:center;
}}

Thanks

Post count: 31

That’s realy great!
Many thank’s for your sugestion!

The support 100% profesional.
I will give 5* .

The theme it’s good.
The lonly think that i must to work it’s the speed pages load!
I have a share servre and not a VPN, maibe that’s the problem!

The score google page speed it’s: 69/100 82/100. Not bad but i must still work!

Many regards.

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.