Sliding Top Position on Mobile

noverus · February 2016

The sliding top looks great centered in normal sizes. On the mobile device it overlaps the Action Bar phone numbers and email and doesn't look as clean. Is it possible to have the position of the Sliding Top be the right side for responsive and centered for normal? If not, how could we hide the Action Bar content for mobile devices?

http://www.noverusinfinity.com

Albert · February 2016

Hi,

to move Sliding Top on mobile to the right side, you need to use the following css:

@media only screen and (max-width: 767px) {
    #Sliding-top.st-center a.sliding-top-control { right: 0 !important; left: 0 !important; margin-left:0 !important; margin-right: 0 !important; }
}

noverus · April 2016

That moved it to the left side not the right.

Albert · April 2016

Ok. So if above css does not work, please try the following one instead:

#Sliding-top.st-center a.sliding-top-control {
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    right: 0px !important;
}

noverus · April 2016

That works. How can I make it look like the "Right" option where it is all the way to the right and in a small space?

Albert · April 2016

Please show us on screenshot what you mean exactly.

noverus · May 2016

Here you go. Like this, but ONLY for mobile. I wanted it centered and full when not mobile.

Albert · May 2016

We are sorry but this won't be possible without files customization unfortunately.

Sliding Top Position on Mobile

Comments