Forum Support

Shape 5
March 29, 2024, 02:40:18 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: S5 accordion side menu causes margin move for page ?  (Read 934 times)
jmarcotte
Jr. Member
**
Offline Offline

Posts: 22



« on: 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!!  Huh
Many thanks.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jmarcotte
Jr. Member
**
Offline Offline

Posts: 22



« Reply #2 on: 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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: 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;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jmarcotte
Jr. Member
**
Offline Offline

Posts: 22



« Reply #4 on: 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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.