Shape 5

Joomla Templates => Spectrum - Club => : rdp1 February 26, 2015, 09:10:25 AM



: Floating menu wraps
: rdp1 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


: Re: Floating menu wraps
: mikenicoll February 26, 2015, 08:53:54 PM
Hello,

Please post a URL


: Re: Floating menu wraps
: rdp1 February 27, 2015, 03:03:55 AM
Mike,

I installed the demo localy, attached a screenshot.


: Re: Floating menu wraps
: mikek 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.


: Re: Floating menu wraps
: rdp1 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.


: Re: Floating menu wraps
: mikenicoll February 27, 2015, 11:56:03 PM
Hello,

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

:
#s5_menu_inner {
     float: left;
}


: Re: Floating menu wraps
: rdp1 February 28, 2015, 04:10:05 AM
That's it, you're great!

Thanks.


: Re: Floating menu wraps
: mikenicoll February 28, 2015, 05:18:18 PM
NP :)


: Re: Floating menu wraps
: squiant 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


: Re: Floating menu wraps
: mikek 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.


: Re: Floating menu wraps
: rdp1 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


: Re: Floating menu wraps
: squiant 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


: Re: Floating menu wraps
: rdp1 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


: Re: Floating menu wraps
: mikek 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;
}