SOLVED > Bender Theme Mobile Devices View Problem / Adsense Ads

[tito]

And ad this in your css?

width:100%
text-align:center;
overflow:hidden;

[mrtsoftware]

Where exactly I must put it for which class? Bender THEME css file is very mixed coded and not easy to understand.

[marius-ciclistu]

My theme is BENDER theme,
not Osclasswizards theme, Wizards theme is already good designed voor mobile devices and no extra modification need for mobile devices.

Problem is for BENDER themes

Sorry. I don't know why I remembered you use osclasswizards. My bad.

[mrtsoftware]

This problem is occuring in bender themes , not osclasswizards

[marius-ciclistu]

In main.css you will find:

Code: [Select]

.ads_728{width:728px;min-height:90px}
and under
@media only screen and (max-width: 740px) {
..

    #header .ads_header,
    .ads_300,
    .ads_728,
    .ads_468 {
        display: none
    }

I gues you replaced display : none with something else, because otherwise it won't be visible in phone view.

EDIT.
As a solution you could try to replace display: none; with

Code: [Select]

width:100%;min-height:10px;

[mrtsoftware]

Yes ,  " display : none "  I have removed " none " only...Because in mobile devices adsense was not showing

[marius-ciclistu]

I edited my above post with the solution.

It would be best to menion your modifications from now on when you ask something:).

[mrtsoftware]

width:100%; min-height:10px;
I added your recommended code above,
It is not affected, still same

[marius-ciclistu]

CTRL+F5 in browser to refresh

[mrtsoftware]

I have done several time,
Here secreenshoot,
al 728 ads unit shown as wide and overflowing secreen of mobile devices

[marius-ciclistu]

When you inspect the code with f12 in browser you can see:

Code: [Select]

@media only screen and (max-width: 740px)
    #header .ads_header, .ads_300, .ads_728, .ads_468 {
        width:100%;
        min-height:10px;
    }
?

If yes, try       

Code: [Select]

width:100% !important;

[mrtsoftware]

Hello marius-ciclistu,
I deleted cache and noticed that your given code solved secreen problem on BENDER THEMES,
I added : width:100% !important;}
modification main. css file as below ;
#header .ads_header,.ads_300,.ads_728,.ads_468{width:100% !important;}}@media only screen and (max-width: 640px)

and solved.
Thank you

[marius-ciclistu]

You can add SOLVED in the title of your first post in this topic.
I'm glad you solved it.

[mrtsoftware]

How to do it?
Solved!

[marius-ciclistu]

No.
you go here https://forums.osclass.org/bender/bender-theme-mobile-devices-view-problem-adsense-ads/msg156648/#msg156648
and you modify  your first message's title by adding SOLVED at it's begining.