Shape 5

Joomla Templates => Campus Life - Club => : ryancdavis June 10, 2016, 02:32:11 AM


: Center spacer bar image on front slideshow text when going to mobile version
: ryancdavis June 10, 2016, 02:32:11 AM
Hello,

I have been trying for a while now to figure out how to get the "bar" image to be centered when the screen size is smaller. It is aligned left when the screen is normal like on a computer and also when it goes into mobile mode. How can I make this bar appear centered like the other text on the page?

: Re: Center spacer bar image on front slideshow text when going to mobile version
: jonahh June 10, 2016, 11:17:18 AM
Hello,

It should be auto centered in your response css file with the below CSS. But if you did change the screen width in Vertex under responsive nav to a higher number then you would also need to change it here in the s5 responsive. css file. Thats the only thing I can think of that would cause it to not show centered anymore.

:
.iacf_big_title {
    background: rgba(0, 0, 0, 0) url("../images/iacf_line.png") no-repeat scroll center bottom;
    font-size: 2.4em;
    line-height: 40px;
    text-align: center;
}

s5_responsive.css line 277

: Re: Center spacer bar image on front slideshow text when going to mobile version
: ryancdavis June 10, 2016, 03:29:59 PM
Ok, thank you. I will give that a try.