Micro Themer Lite Avada problem – whitespace in content box on mobile

Tagged: , ,

Author Posts

Azhrarn July 11, 2017 at 4:04 pm

Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date.

Hi.
I’m testing your plug-in. I need to cancel those white parts of content boxes (which have a image’s zoom-in effect) , which appear with the mobile’s viewport.
Which selector have I to modify?
I’m using Avada Theme.
Thank you
screen —> https://ibb.co/g0auua

Content box on mobile image problem


Sebastian July 12, 2017 at 8:44 am

Hi there,

I’d need to have a look at your site in order to advise you on this. Would you mind posting a link here or sending it to me privately?

Many thanks,
Sebastian

Sebastian July 12, 2017 at 2:16 pm

Thanks for sending the link.

The extra white spacing is caused by the top margin you set on your Hundred percent fullwidth span selector, via the Tablet and Phonetab.

The code for that selector is:

.hundred-percent-fullwidth span

What that means is ‘any span element inside a parent element with a class of hundred-percent-fullwidth‘. In this case, that may target more elements than you need. I recommend watching the ‘Targeting video’ which can be found in the Help menu at the top right of the Microthemer interface. It demonstrates how/why to choose alternative selectors when the need arises.

I hope this helps. Please let me know if you need further assistance.
Thanks,
Sebastian

Azhrarn July 13, 2017 at 4:01 pm

I didn’t change.
I solved with

.fusion-column-inner-bg a span {top:-18px;}

thank you anyway 😉

Sebastian July 14, 2017 at 7:53 am

Ah, OK. I’m glad you managed to solve this in the end though!

Cheers,
Sebastian

You must login or register to reply to this topic.