Shape 5

Joomla Templates => Spectrum - Club => : zeddeh July 19, 2015, 07:59:28 PM

: remove extra space on mobile version
: zeddeh July 19, 2015, 07:59:28 PM

Hello,

My url is:
http://barrierfreevacationsuitevictoriabc.ca/demo/

I am wondering how to get rid of the extra space between my image (that only shows on mobile screens) and the top_row_2 module (Our barrier-free vacation...).

Using FireBug it shows me both an empty top_row1_1 and top_row1_wrap modules, but I can't turn them off for mobile since other pages use that position.

Is there any way to remove this extra space on the Home page?

Thanks!

Darren

: Re: remove extra space on mobile version
: mikenicoll July 20, 2015, 04:42:49 PM

Hello,

You can remove the margin below to bring everything up a bit.

s5_responsive.css - line 51

#s5_pos_custom_3 {
    margin-bottom: 40px;
}

: Re: remove extra space on mobile version
: zeddeh July 20, 2015, 04:57:06 PM

ahh, that's where the coding is, I sometimes get confused as to which .css file I should be editing.

thanks

: Re: remove extra space on mobile version
: mikenicoll July 20, 2015, 05:00:33 PM

I would suggest using Firebug :)