Shape 5

Joomla Templates => Health Guide - Club => : jmarcotte June 26, 2017, 09:27:59 AM



: S5 accordion side menu causes margin move for page ?
: jmarcotte June 26, 2017, 09:27:59 AM
Hello guys,

Can you please guide me as to what could be the cause of the following issue and how to correct it:

On all the pages which display the S5 acoordion side menu the margins on both sides left and right seems to disppear. Its easily noticeable with the position of the main logo and top menu, as shown on the picture attached.

URL where the issue occured (with s5 accordion menu)    http://www.ultrapanorama.co.uk/index.php/contact-us
URL where the issue doesn't occur (without s5 accordion menu)    http://www.ultrapanorama.co.uk/index.php/live-broadcast

If I deactivate the S5 accordion Menu (published in the 'left' position) , the margins get back to normal like on the homepage... I'm confused!!  ???
Many thanks.


: Re: S5 accordion side menu causes margin move for page ?
: mikek June 27, 2017, 07:22:04 AM
Hello,

Try adding the following to custom.css:

#s5_left_wrap .module_round_box_outer {
margin-left:0px !important;
}


: Re: S5 accordion side menu causes margin move for page ?
: jmarcotte June 27, 2017, 02:31:56 PM
Hi Mike, thanks for the reply,

The code you gave me brings the side menu all the way to the left but I do not want to change that. The issue is why publishing this menu on a page changes the position of everything else on that page, the most visible effect is on the main website logo as well as the top main as show on the picture in my original post. It's like the whole website change the layout like a zoom function in the browser and it is disturbing for the consistency in navigation.
you will find on my original post also the links to reproduce the issue on your end to see exactly what I mean... Is there anything else that I should look at?

Thanks


: Re: S5 accordion side menu causes margin move for page ?
: mikek June 28, 2017, 07:17:51 AM
Hello,

Something on that page is override the body width call. You can try adding the following to custom.css:

.s5_wrap {
width:94% !important;
}


: Re: S5 accordion side menu causes margin move for page ?
: jmarcotte June 28, 2017, 09:11:34 AM
nothing changes. with that custom CSS.
I struggle to see anything else other than the s5 menu  that can affect this. If I unpublish it everything gets back to normal... such a shame to not be able to use this menu.

I'll PM you login and ftp details if you would like to check again directly. Thanks


: Re: S5 accordion side menu causes margin move for page ?
: mikek June 29, 2017, 07:54:37 AM
Hello,

You had other css in custom.css for the video container that had errors in it and was preventing the s5_wrap css from being called. I fixed that and the width is working properly on your site.