mobile version

General Discussions
1

Hello
In mobile version I always have large white or space under menu like on this site : http://sandraboulou.fr/ over slide, is it possible to not have this space ?
Thanks for your help
SB

2

Hi Sandra,

Thanks for getting in touch! Seems that the margin-top value set on the module is overridden by a CSS code that’s triggered when screen size reaches 768 below.

Please try using this CSS code and see if it helps.

@media only screen and (max-width: 767px) {
    .fl-node-56e6a81c68351 .fl-module-content {
      margin-top: -10px;
    }
}

Take note that this code only works on the http://sandraboulou.fr only since the .fl-node is unique for that page. For your other sites, you can target the same elements by using Chrome’s dev tools or FF’s firebug to get the CSS class and just use the same code above. Or you can add a class name on the row that holds the slider, and use that instead so it’s easier; so if you add .slider-row, you can select it by using .slider-row .fl-module-content

Jun

3

[Content Hidden]