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.

Thanos
Thanos
Offline
Hi, I am using the pro version of the Ultimelab 2 template and I would like to prevent the items placed in the three topmenu positions from overflowing on a second line underneath the elements below when the page shrinks. Ideally to have their white container grow in height along with these elements and have all of them push the rest of the page downward.

Also it would be great to have these items (as well as the ones in the social buttons row below) go underneath each other when they outgrow available parent width, and center to full width when they do , instead of disappearing (I suspect the class hiddenonphones is responsible for this).

I am fairly skilled with PHP/HTML/CSS but I know next to nothing about the way Bootstrap handles things. So I guess I am not asking for a solution on the plate here, but would appreciate a few hints about which elements/classes I need to focus on and if any adjustments are executed using javascript instead of css/media queries.

Many Thanks!

Thanos
Responses (5)
  • Accepted Answer

    Thursday, October 16 2014, 04:31 PM - #permalink
    0
    Hi Thanos, can you please provide a screenshot of your problem. Thank you.
    The reply is currently minimized Show
  • Accepted Answer

    Thanos
    Thanos
    Offline
    Thursday, October 16 2014, 06:52 PM - #permalink
    0
    Thanks for your swift response! Here is a detail of the page with the issue. In this case the problem is only cosmetic, however if more items are added on the top row, they tend to move underneath the subsequent row.
    Attachments:
    The reply is currently minimized Show
  • Accepted Answer

    Thanos
    Thanos
    Offline
    Thursday, October 16 2014, 07:03 PM - #permalink
    0
    For some reason my browser would not let me edit my message ('parse error').

    Anyway the problem is not only cosmetic, after all. In this attachment you can see a phone number on the left. On the attachment of my previous post above this has moved underneath the logo area.
    Attachments:
    The reply is currently minimized Show
  • Accepted Answer

    Thursday, October 16 2014, 07:32 PM - #permalink
    1
    Please open style.css file in the folder of your joomla template

    find line:
    .centerlab, .leftlab, .rightlabs {
    height: 30px;
    }


    replace:

    .centerlab, .leftlab, .rightlabs {
    height: auto;
    }
    The reply is currently minimized Show
  • Accepted Answer

    Thanos
    Thanos
    Offline
    Thursday, October 16 2014, 11:47 PM - #permalink
    0
    That worked beautifully, thank you! -- plus, It is a good starting place for me to look at implementing the more adventurous behaviours I described in my first message.
    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

Hello, I'm having an issue with Category pagination. When a category contains...
1 day ago 0
Hi! Where can I find translation for "-navigation-" (menu) in mobile v...
1 day ago 1
Dobrý den, na detskykramek cz mám plugin jednostránkového košíku a pokud se zaš...
2 days ago 0
How can I hide slideshow and pages like Featured Products, Random Products etc. ...
6 days ago 0

Who's Online

We have 244 guests and 5 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