Linelabox Support

Hello there! Welcome to Linelabox Support Forum. Post your question and our support specialists will help you. Look for the solution in the F.A.Q. first. Our support team is available for any questions or issues in the following working hours: Monday - Friday: 10:00 - 18:00.

Menu Bar on Mobile

When viewing your template on a mobile device, the menu bar becomes a rectangle at the top of the page. If the page is swiped to scroll, the menu bar becomes parked at the top and blocks out some of the text that hasn't been read yet. This creates a no man's land towards the top of the article that isn't visible until you scroll, and then isn't visible because it is blocked after you scroll.

Is there a setting I can adjust in the template to correct this, perhaps by letting the menu bar scroll off the screen?
Responses (6)
  • Accepted Answer

    Thursday, October 09 2014, 08:07 AM - #permalink
    0
    Hi, What template are you using? Please provide website url. Thank you.
    The reply is currently minimized Show
  • Accepted Answer

    Thursday, October 09 2014, 03:37 PM - #permalink
    0
    The template is Storeslab2. The url is www.SarahMyers2014.com. The problem exists on all pages except the RSVP page, which is a form that is being forced into a mobile mode without the template.

    The only issue I am having is with the display on mobile devices, as described above.
    The reply is currently minimized Show
  • Accepted Answer

    Thursday, October 09 2014, 09:29 PM - #permalink
    0
    Hi, Go to admin Joomla > Extensions >Module Manager: Modules > Menu module (position-1) > "Advanced" tab

    Menu Tag ID set to nav see attached
    Attachments:
    The reply is currently minimized Show
  • Accepted Answer

    Friday, October 10 2014, 02:55 AM - #permalink
    0
    That's great. Is there anything I can do to make the down arrow indicator more visible so people know to click that bar to get other menu items? On an iPhone it's pretty clear, but on android devices it is practically invisible.
    The reply is currently minimized Show
  • Accepted Answer

    Friday, October 10 2014, 09:10 AM - #permalink
    0
    Hi, Please use linelaobx editor or open linelab.css file in the folder of your joomla template
    Find line:

    .tbslboxname {
    color: #3d3d3d;
    }


    replace:
    .tbslboxname {
    color: #fff;
    }
    The reply is currently minimized Show
  • Accepted Answer

    Friday, October 10 2014, 03:44 PM - #permalink
    0
    OK. That worked great. One (hopefully) last question. I don't seem to have a navigation arrow (or a three line menu indicator) on the menu bar on the mobile device indicating to the users that they should tap it for more content. Some of my users will not be saavy enough to know to tap the menu bar for navigation. Can this button, arrow or other indicator be added or, if it is already there, can I get it to show up, especially on Android devices?
    The reply is currently minimized Show
Your Reply

VirtueMart Admin Theme

VMADMINLAB

Responsive VirtueMart 3 Administrator Template

Download
JOIN NOW!

New Joomla! 3 Template

REVOLAB

Responsive Joomla 3 Template / VirtueMart 3 Theme

Template Demo
JOIN NOW!

Recent Discussions

What can I do to get "orders layout" responsive? What I mean is the pa...
14 hours ago 0
I just bout VM mega menu but apparently it is not doing what it says it is doing...
2 days ago 1
Hello, I'm having an issue with Category pagination. When a category contains...
4 days ago 2
Hi! Where can I find translation for "-navigation-" (menu) in mobile v...
4 days ago 3

Who's Online

We have 268 guests and 2 members online

Linelabox.com is not affiliated with or endorsed by Open Source Matters or the Joomla Project. Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
Copyright © 2014 Linelabox.com - Joomla! 3 / VirtueMart 3 Templates. All Rights Reserved.
Joomla! is Free Software released under the GNU General Public License. All other marks are the property of their respective owners.
LINELAB WEBDESIGN