Forum Support

Shape 5
March 29, 2024, 06:27:05 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: Floating menu wraps  (Read 1239 times)
rdp1
Jr. Member
**
Offline Offline

Posts: 64



« on: February 26, 2015, 09:10:25 AM »

Hai,

When using the floating menu the most right menu item wraps to the left below the most left menu item, normally "home" , no matter the number of menu items.
How can this be fixed?

Rob
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: February 26, 2015, 08:53:54 PM »

Hello,

Please post a URL
Logged

Mike Nicoll
------------
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
rdp1
Jr. Member
**
Offline Offline

Posts: 64



« Reply #2 on: February 27, 2015, 03:03:55 AM »

Mike,

I installed the demo localy, attached a screenshot.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: February 27, 2015, 10:28:04 AM »

Hello,

We need to see this live in order to debug this. If you can upload it to a test server we can view it from there.
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
rdp1
Jr. Member
**
Offline Offline

Posts: 64



« Reply #4 on: February 27, 2015, 11:57:02 AM »

Mikek,

I just installed the demo version. You can see it here: http://spectrum.ditch.nl/

You wil see a normal menu, but when it floats to the top the last item (tutorials) wraps to the left beneath Home. Adding another menu item this last item will wrap to the left.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: February 27, 2015, 11:56:03 PM »

Hello,

Try removing this line in the Template.CSS to see if it helps.

Code:
#s5_menu_inner {
     float: left;
}
Logged

Mike Nicoll
------------
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
rdp1
Jr. Member
**
Offline Offline

Posts: 64



« Reply #6 on: February 28, 2015, 04:10:05 AM »

That's it, you're great!

Thanks.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: February 28, 2015, 05:18:18 PM »

NP Smiley
Logged

Mike Nicoll
------------
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
squiant
Jr. Member
**
Offline Offline

Posts: 47



« Reply #8 on: May 12, 2016, 10:55:33 AM »

Hi, i'm having the same issue, i search for the line of code to delete but i couldn't find it on the file template.css

Could you please provide some guideness to solve this
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #9 on: May 12, 2016, 11:43:17 AM »

Hello,

It's defined at line 433 in template.css:

#s5_menu_inner {
padding-left:22px;
float:left;
}

If you're still having problems after removing that line please post a url.
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
rdp1
Jr. Member
**
Offline Offline

Posts: 64



« Reply #10 on: May 12, 2016, 11:50:12 AM »

Dear Mikek and squiant,

I'm afraid Mikek is wrong... in the template.css-file go to line 353 and delete: 

#s5_menu_inner {
float:left;
}

There's no s5_menu_inner on line 433!

Rob
Logged
squiant
Jr. Member
**
Offline Offline

Posts: 47



« Reply #11 on: May 16, 2016, 09:49:27 AM »

Hi,

Rob is right that line of code is not on line 433

i think that line of code doesn't exist at all on the file template.css

you can see the issue on http://piensaengrande.org

it shows when you scroll down
Logged
rdp1
Jr. Member
**
Offline Offline

Posts: 64



« Reply #12 on: May 16, 2016, 11:13:28 AM »

squiant,

are you sure you are talking about the Spectrun-template? I just checked the file "template.css" again and I'm very certain there is a #s5_menu_inner on line 353. So please check again.

B.t.w. the link in your last answer doesn't work...


Rob
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #13 on: May 17, 2016, 08:32:32 AM »

Hello,

I checked your site and it is definitely on line 353 in template.css:


#s5_menu_inner {
    float: left;
}

You can also just add the following to custom.css:


#s5_menu_inner {
    float: none !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
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.