Top bar issue on mobile + Blog design

[alexgarnier32]

Hi !
1) I have an issue when I activate the desktop top bar. I creates a blank space under the header on mobile. How can I get rid of this blank space ? (see attached).

2) I’d like to have my blog designed like the one on this webpage -> http://swiftideas.com/blog/blog-masonry-wrapped/ : how can I manage to have my blog designed like this ?

Thanks a lot!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
1- Please use this custom css code:-

@media screen and (max-width: 479px) {
.top-bar-sticky-wrapper{
height:auto !important;
}
}

2- Please use the Blog element the Swift page Builder and choose masonry layout for blog.

Thanks
Mohammad

[alexgarnier32]

Hi, thanks but the CSS code doesn’t work: I still have the blank space under my header on mobile.

How can I fix that? Thanks

[David Martin – Support]

Please use this:

@media only screen and (max-width: 767px) {
#top-bar-sticky-wrapper {
    display: none;
}
}

[alexgarnier32]

Great thanks, it worked!! Just a simple question : how can I change the color of the dots at the right on the slider carroussel ?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

What page is this for? I do not see it.

– David.

[alexgarnier32]

It’s a screenshot of another website. This is for the testimonial on http://www.nutrivita.fr

[David Martin – Support]

I need to see the dots on your site to provide you with the CSS.

– David.

[alexgarnier32]

Okay I just changed the background color so that you can see the white dots; I’d like them to be black! Thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

You can add this to Theme Options => Custom CSS

.lSSlideOuter .lSPager.lSpg>li a {
    background: #222;
}

[alexgarnier32]

Thanks a lot, have a good day!

[David Martin – Support]

Anytime! You too.

Thanks,
David.