Recent
Categories
View Replies (5)

Clarity, Horizontal Navigation & Responsive

0
Votes
Undo
  1. Wayne Webb
    Wayne Webb
  3. Commercial Templates
  4. Monday, 21 July 2014
  5.  Subscribe via email
[color=#bb0000]Here is my site[/color]. How do I make the horizontal navigation module position responsive? In the back end I have all the Responsive Options set to On.

The hornav_module class takes over at a certain point, anything roughly below 750 pixels. However, between 750 and 944 pixels wide my horizontal menu gets put behind the site logo. The menu would likely work fine if aligned to the right with the overflowed menu items wrapping to a second line.

A similar thing is happening to my Login Form to the right though the pixel width values are slightly different with the problem being between 944 pixels to 1200 pixels.

Cordially,
A. Wayne Webb
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Wayne

To amend these issue could you try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 1024px) {

/* Hide default hornav menu */

#hornav{display:none !important;}

/* Show mobile hornav menu */

#container_hornav_mobile{display:inline; z-index: 99; margin-top:13px;}

.js #mobile { display: none; }

#hornav_mobile {margin-top:0px;}



.wrapper960, #header_items, #header {width:960px;}

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Wayne Webb
Wayne Webb
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciarán,

Between 944 and 1023 pixels the drop down menu selector scrolls off the page to the right. Additionally those items in sidecol-a are off to the right just off screen.

As for the RokAjaxSearch results pop-up hiding behind items, I'm working on it.

Thank you for all your help.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Wayne

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Wayne

I have made some changes to your responsive.css which will hopefully sort out the issues you are having.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Wayne Webb
Wayne Webb
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Sir.
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!