Forum Support

Shape 5
March 28, 2024, 01:14:10 PM *
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 problem  (Read 2596 times)
forensys
Jr. Member
**
Offline Offline

Posts: 31



« on: May 04, 2018, 08:13:03 AM »

Hi!

There is a bug: Between 1370px and 1487px the floating menu drops out of its place. See on the attached picture.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: May 04, 2018, 11:59:32 AM »

Hello,

Can you please post a URL of this? As you can see on our demo this doesn't happen. I would need to take a first hand look. Most likely its the menu item length but we can adjust some padding, etc to take care of this.
Logged

Jonah Hall
------------
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
forensys
Jr. Member
**
Offline Offline

Posts: 31



« Reply #2 on: May 07, 2018, 02:25:28 AM »

I tested and your demo site has this problem too, If I extend the menu, see on the attached picture.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: May 07, 2018, 01:54:22 PM »

That is because you added text to the menu items. Yes this will happen if you do that, there is only so much horizontal space. So you can either consolidate the menu items on your site or I can help as I suggested above by telling you how to decrease menu padding in the CSS files.
Logged

Jonah Hall
------------
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
jeffj
Jr. Member
**
Offline Offline

Posts: 43



« Reply #4 on: July 26, 2018, 01:02:42 PM »

Same issue here.

Could you tell me what CSS file and line number where I can decrease the padding in my menu? Would like to decrease the same pixel amount in both the main/top menu and its corresponding floating menu.

Thanks in advance!

jeff
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: July 27, 2018, 10:15:49 AM »

You can change the left/right padding below:

Code:
#s5_nav li .s5_level1_span1 {
    background: none;
    height: 32px;
    display: block;
    padding-left: 12px;
    padding-right: 12px;
}

s5_flex_menu.css line 186
Logged

Jonah Hall
------------
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.