Monitor Reply

Support

No Mobile Responsive Navigation

Permalink Browser Info Environment June 18, 2015 at 5:31 AM

Hi Sebastien,

I've just discovered that there is no mobile phone responsive navigation when the viewed in portrait format (see attached screenshots) - surely this can't be right, because it's only going to result in a lot people clicking off the website before they figure out to turn it on its side?

Website URL:http://devon-lodge-holidays.com/...

Please can you urgently give me a fix for this?

Thanks

David

2 Attachments

Type:	Pre-Sale
Status:	In Progress

thebigideasman replied on Jun 23, 2015 at 10:51 am Permalink Reply

Hi Sebastien,

Can I have some help and support to fix this issue please?

sebastienj replied on Jun 24, 2015 at 4:03 am Permalink Reply

Hi,

It seems that you have customized some css code ? Is it possible ?

thebigideasman replied on Jun 24, 2015 at 6:48 am Permalink Reply

Nothing I'm aware of that would affect the nav and apart from forking the theme, I've only done as following:

Base css:

.header select {
   -webkit-appearance: none;
   padding: 10px;
   outline: none;
   border:none;
   overflow: hidden;
   font: 12px Arial, Helvetica, sans-serif;
   margin: 0;
   width: 100%;
   max-width: 100%;
   display: block;
   background:#fff url('file:///Macintosh HD/Users/admin/Documents/The Big Ideas Business/Client Work/Devon View Holidays.com/Website/Webfiles/Edited/css/images/navselect.gif') no-repeat right center;

Footer.php:

<div id="copyright">
  <div class="container">
    <div class="eleven columns alpha">
      <p class="copyright">
            <span>© <?php  echo date('Y')?> <a href="<?php  echo DIR_REL?>/"><?php  echo SITE?>.</a></span>
            <span><i class="icon-magic"></i> <?php  echo t('Website Built by ') ?><a href="http://www.getthebigidea.co.uk/" rel="Content Managed Website" title="Content Managed website from The Big Ideas Business">The Big Ideas Business Ltd.</a></span>
            <span class="powered-by"><i class="icon-cogs"></i> <?php  echo t('Powered by ')?> <a href="http://www.getthebigidea.co.uk/features/websites_cms" title="<?php  echo t('The Big Ideas Business content management system for PHP and MySQL')?>"><?php  echo t('BIG CMS')?></a></span>

Not sure how either of those would effect the mobile navigation though.

So if you think something is missing, then what do think it is and how can I fix it please?

Thanks

David

thebigideasman replied on Jun 25, 2015 at 5:32 am Permalink Reply

Any thoughts please Sebastien? I'm keen to get this sorted as quickly as possible.

Thanks

thebigideasman replied on Jun 30, 2015 at 6:16 am Permalink Reply

Hi Sebastien,

It's been a couple of weeks now, please can you help with this support ticket?

Thanks

thebigideasman replied on Jul 4, 2015 at 12:49 pm Permalink Reply

Please can I have some support for this ticket

sebastienj replied on Jul 7, 2015 at 6:46 am Permalink Reply

Hi,

If you delete your css code about .header select , you will see that all is working.
You will need to change you custom code.

thebigideasman replied on Jul 7, 2015 at 7:43 am Permalink Reply

Sorry, just so I'm clear. Do you mean delete literally ALL THE CODE above in the custom base CSS, ...or just the words ".header select {" from the code above???

Thanks

thebigideasman replied on Aug 13, 2015 at 6:14 am Permalink Reply

Hi Sebastien,

I have done what you have suggested to the base.css but it made no difference what-so-ever, so I have put the base CSS back as it was originally now.

Surely it should be the header CSS anyway???? So I have attached the CSS code, just in case.

<?php   defined('C5_EXECUTE') or die(_("Access Denied."))?>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link href='http://fonts.googleapis.com/css?family=Arvo|PT+Sans' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

Viewing 15 lines of 68 lines. View entire code block.

 <?php   defined('C5_EXECUTE') or die(_("Access Denied."))?>
 
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link href='http://fonts.googleapis.com/css?family=Arvo|PT+Sans' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
<?php   Loader::element('header_required'); ?> 
 
<link rel="stylesheet" href="<?php echo $this->getThemePath()?>/css/base.css">
<link rel="stylesheet" href="<?php echo $this->getThemePath()?>/css/skeleton.css">
<link rel="stylesheet" href="<?php echo $this->getThemePath()?>/css/screen.css">
  <link rel="stylesheet" href="<?php echo $this->getThemePath()?>/typography.css">
<link rel="stylesheet" href="<?php  echo $this->getStyleSheet('/styles.css')?>">
<link rel="stylesheet" href="<?php echo $this->getThemePath()?>/css/font-awesome.min.css">
 
 
</head>
<body id="swosh">
 
<?php if (is_file(DIR_BASE . '/' . DIRNAME_CSS . '/swosh.css')) :?>
<link rel="stylesheet" href="<?php echo DIR_REL . '/' . DIRNAME_CSS . '/swosh.css'?>" type="text/css" media="screen" />
<?php endif ?>
 
<!-- Theme Swosh by myconcreteLab V<?php  echo Package::getByHandle('theme_swosh')->getPackageVersion() ?> -->
<div id="header">
  <div class="container header"> 
    <header>
      <div class="logo">
        <a href="<?php  echo DIR_REL?>/">
        <?php 
        if (class_exists(GlobalArea))
      $a = new GlobalArea('Site Name');
        else
      $a = new Area('Site Name');
        $a->display($c);
        ?>  
        </a>
      </div>
      <div class="mainmenu">
      <!-- SWOSH_DISABLE_EMBED_NAVIGATION : <?php  var_dump(SWOSH_DISABLE_EMBED_NAVIGATION); ?> -->
        <?php  
          if (!defined('SWOSH_DISABLE_EMBED_NAVIGATION')) :
            $bt_main = BlockType::getByHandle('autonav');
            $bt_main->controller->displayPages = 'top';
            $bt_main->controller->orderBy = 'display_asc';                    
            $bt_main->controller->displaySubPages = 'all';
            $bt_main->controller->displaySubPageLevels = 'all';      
            $bt_main->render('templates/swosh'); 
          else :
             $ga = new GlobalArea('Header Nav');
             $ga->display();
          endif;
         ?>   
 
      </div>
    </header>
  </div>
</div>
<div class="header-image">
  <?php        
  $ahh = new Area('Header');
  $ahh->display($c);      
  ?>    
</div>

Do you have another suggestion please?

I would appreciate your help quite urgently now please.

Thank you

David

thebigideasman replied on Aug 18, 2015 at 6:39 am Permalink Reply

Seb,

Please, please, please can I have some support?

This is not fair mate, like you have a business to run too and I get that you have other things to do so I don't realistically expect 24/7 support, but this is weeks bud - just to get you to reply.

Please can you help with this issue, because your earlier suggestion didn't work?

Thank you

thebigideasman replied on Aug 20, 2015 at 5:34 am Permalink Reply

Please can you give me some support?

sebastienj replied on Aug 22, 2015 at 3:33 am Permalink Reply

HI,

It seems to you have customized the screen.css file.
in my version of swosh i have

.mainmenu {
         float: left;
         width: 100%;
         margin-top:-60px;
      }

in your site i see :

.mainmenu {
         float: left;
         width: 100%;
         margin-top:-340px;
      }

"margin-top:-340px;" hide the mobile nav.

thebigideasman replied on Aug 22, 2015 at 8:50 am Permalink Reply

I wasn't aware I had changed that, but obviously I did.

Anyway, brilliant, that worked a treat. Thank you for your support buddy.

David

Flat Swosh 2.0

Support

No Mobile Responsive Navigation

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post