Westminster New

[picaflor-azul]

Just did exactly that - shortly before reading your post! All good

Thanks Anne!

I am happy that everything worked out

Thanks,

Anne

[mr.chetanladdha]

Hi Yaritai,

Thanks for the reply. Yes, the search box comes up in the mobile. But the top right menu has somehow disappeared and I have nothing to tap and go ahead. Attaching as below. Also, there is blank space on the mobile between the top navigation bar and the slideshow.



For the search header, the above was too technical for me. :) Actually i do not need the header logo because i want the slideshow to be prominently displayed even on small laptop screens. The business logo I am going to keep at the logo where in the default template it shows clearance 40% banner.

[countrycharm]

That's great news ;)

I'll include the fix in an upcoming package update.

Thanks,

Anne

Anne have you updated this package yet on your site. I thought I remember reading somewhere in this form you have submitted a update with all the bug fixes and added a switch for a ez-page that DivaVocals mention. That post had vanish or I am in the wrong place or I and crazy, or both, in the wrong place and crazy.... :)

[picaflor-azul]

Anne have you updated this package yet on your site. I thought I remember reading somewhere in this form you have submitted a update with all the bug fixes and added a switch for a ez-page that DivaVocals mention. That post had vanish or I am in the wrong place or I and crazy, or both, in the wrong place and crazy.... :)

The latest version of this package is on my site. I need to submit another update to the one here as I made some mistakes in the package ;(

Thanks,

Anne

[countrycharm]

The latest version of this package is on my site. I need to submit another update to the one here as I made some mistakes in the package ;(

Thanks,

Anne

So the the one on your site all good then? Yes

[yaritai]

Hi Yaritai,

Thanks for the reply. Yes, the search box comes up in the mobile. But the top right menu has somehow disappeared and I have nothing to tap and go ahead. Attaching as below. Also, there is blank space on the mobile between the top navigation bar and the slideshow.



For the search header, the above was too technical for me. :) Actually i do not need the header logo because i want the slideshow to be prominently displayed even on small laptop screens. The business logo I am going to keep at the logo where in the default template it shows clearance 40% banner.

Would you have a link to your site so I can see what is going on. Or if not, is the changes you posted before the only changes done where

1) you deleted the "top-middle" section
2) moved the navigation up
3) added custom links

Other than that was there anything else? Such as changes to css files.

But regarding your logo, I do understand what your end goal is. However, let me say that the specials box will go away on mobile phones. So what you should of instead done was to keep the deleted section and just add "display:none" in your css for the section elements you did not want showing. And for the logo and tagline section you would display:none and then on the mobile css you would bring it out with display:block. This way your logo will be present on ALL devices.

As for the gap on the slideshow that is normal as a stock download. I will check on what changes I did as I think I removed the padding-top on the centerbox. I am not exactly sure what I had done but will check my friends site later tonight and give you an update. Bascially, I remember doing this as I had to move it up on the home page centerbox only.

[mr.chetanladdha]

Would you have a link to your site so I can see what is going on. Or if not, is the changes you posted before the only changes done where

1) you deleted the "top-middle" section
2) moved the navigation up
3) added custom links

Other than that was there anything else? Such as changes to css files.

But regarding your logo, I do understand what your end goal is. However, let me say that the specials box will go away on mobile phones. So what you should of instead done was to keep the deleted section and just add "display:none" in your css for the section elements you did not want showing. And for the logo and tagline section you would display:none and then on the mobile css you would bring it out with display:block. This way your logo will be present on ALL devices.

As for the gap on the slideshow that is normal as a stock download. I will check on what changes I did as I think I removed the padding-top on the centerbox. I am not exactly sure what I had done but will check my friends site later tonight and give you an update. Bascially, I remember doing this as I had to move it up on the home page centerbox only.

Well, apart from those changes, no other changes.
Here is the url : http://spicesonline.info/indian-spices/test

Chetan

[yaritai]

Well, apart from those changes, no other changes.
Here is the url : http://spicesonline.info/indian-spices/test

Chetan

Now for menu button that is supposed to be in the upper right corner I see where the problem is as the menu is actually being forced above the screen view. This is because you have now moved the slimmenu up and taking away the top-wrapper section. So to fix this, it will be a multiple part process as you will have to change each instance the menu should appear correctly in each screen size view. To get you started, this is what you want to look for:

In your responsive_default.css file, you will see it broken into multiple sections of media queries for different screen size layout. In this example, look for the start of this section: "@media (max-width:767px){" and then below it in that section look for:

#menu {margin-top:-130px;width:98%;}

change to:

#menu {margin-top:-5px;width:98%;}

This will fix the layout for this size view only. Just go through all the changes in each css file, there are 3 of them which needs to be done for mobile, tablet and default desktop view. Just look for the "#menu" element and change the margin-top value.

Another thing is that you do have another change in that you have 2 flexsliders present on tablet view. You seemed to clone the code in the main page file and pasted it in the header file. Go back and delete the one in the header file as it is causing alignment issues.

[yaritai]

And one last thing I will comment on. The handheld mobile section your moved up is actually suppose to be contained in a max-width which is set stock at 1230px. But since you did remove a whole bunch of code that was not really apart of the logo section, you now have a menu that is full screen. So those with wide monitors will actually be hindered at your coding as the menu would be extremely small and spread out. To fix that, put back the first part snippets of the class one-row fluid. It is this part:

<div class="onerow-fluid <?php echo $fluidisFixed; ?>">
   
     // menu and others things you want here

</div>

[frank18]

When accessing a demo site with my mobile I found that the 'Log In' and 'Log Out' links are somewhat hidden withing the menu. I found them eventually...

To make it a bit easier for customers I modified the file

includes/templates/westminster_new/templates/tpl_modules_mobile_categories_tabs.php

Around line 91 we find

<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>" class="mcontact"><?php echo BOX_INFORMATION_CONTACT; ?></a></li>

Right after that line I added

  <?php if ($_SESSION['customer_id']) { // bof log in / log out addition to mobile menu - added by frank18 ?>
  <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
   <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
   <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT_NEWSLETTERS, '', 'SSL'); ?>"><?php echo TITLE_NEWSLETTERS; ?></a></li>
    <?php } else { ?>
  <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
   <li><a href="<?php echo zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a></li>
   <?php } // eof log in / log out addition to mobile menu - added by frank18 ?>

The next line is the closing </ul> tag.

The original lines 47 to 54 of this file could be deleted so we avoid duplication of the links ....

Just a thought for consideration to make it easier for customers.

Demo/development site here: isonetwork [DOT] net [DOT] au [SLASH] velagiftz [SLASH]

Cheers / Frank