Forum Support

Shape 5
March 29, 2024, 06:40:19 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 main menu problem  (Read 987 times)
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« on: November 25, 2015, 11:35:48 AM »

my main menu looks good on landscape mode on iPad. But if I turn to portrait mode the main menu falls under the logo... I have a white page so it is not visible any more... I'm sure there must be settings, but I can not find them...

Thanx for helping!

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: November 25, 2015, 01:54:14 PM »

Hello,

You have a free account and would need an active paid membership in order to receive support on this theme.
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
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« Reply #2 on: November 26, 2015, 05:05:05 AM »

just expired on the day i posted... it is renewed!

PLEASE HELP!!   Shocked  Wink
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: November 27, 2015, 01:32:26 PM »

Can you post a URL so I can check this out live myself?
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
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« Reply #4 on: November 28, 2015, 08:16:06 AM »

http://www.scripttomovie.com
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: November 30, 2015, 03:04:13 PM »

I just took a look and it appears the menu isn't falling under the logo but rather turning into the responsive menu style with the little menu icon in the top left and the user icon in the top right. It does appear the logo is disappearing due to responsive.css CSS though.  Is the logo what you need help with?
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
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« Reply #6 on: December 01, 2015, 04:30:45 AM »

Yes, now I have the logo problem... I fixed the menu going under the logo problem...but now the logo does appear to late...
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: December 01, 2015, 12:14:18 PM »

You would need to open up your responsive.css file and look for:

Code:
#s5_logo_module, #s5_logo {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}
s5_responsive.css (line 81

This would need to be placed inside a media query that is a higher screen width than its currently inside of as its showing too late. I'm not sure of exact width but looks like around 845 or so.
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
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« Reply #8 on: December 02, 2015, 08:42:57 AM »

Wich one do you mean?

I got:

 s5_responsive_bars.css
 s5_responsive_hide_classes.css
 s5_responsive_rtl.css
 s5_responsive.css

But in neither one I can find the code you posted...   Undecided

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #9 on: December 02, 2015, 01:02:47 PM »

The  s5_responsive.css file at line 81 should have it unless it was removed
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
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« Reply #10 on: December 03, 2015, 01:38:27 AM »

Found it... sorry, my mistacke

I put now width=900 in there... tried it with 845 also, nothing happened...

Here my code:

#s5_logo_module, #s5_logo   {
      width=900;
           display: block !important;
      float: none !important;
      margin: 0 auto !important;
      text-align: center;
    }   



Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #11 on: December 03, 2015, 02:30:50 PM »

You can't put the width in there like that you have to wrap it all with a media query like:

Code:
@media screen and (max-width: 900px){


#s5_logo_module, #s5_logo {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}


}

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.