i am trying to build a website..i am using a "sticky menu" concept which automatically minimizes its height after certain scroll..now the problem is when there is a jump within a page,the sticky menu covers half the content on jump!
for example..look at this website:
type in---"www.sitnlearnit.com" in your address bar...
in that website,when we navigate through "COURSES OFFERED" item and select any list item,we are supposed to jump to that location! it is happening..but the content is covered by sticky menu..
how to solve this???
Design the site so that the area where the sticky menu will be will never have content in it - wherever the menu moves in that space, there will never be content to cover up.
Related
There is something really strange happening with the menu on the child theme "Education" of the Genesis framework. This framework has two navigation positions: primary and secondary. As you can see here both appear one under the other in the red area. However, there is a third position that seems to be hardcoded in the child theme (?) and won't go away even if I don't assign a position to the menu.
Can you guys give me an idea what is going on? I'm not very good at this stuff. I tried looking into the child theme's code, but found nothing referencing this...
Ultumately what I want to do is use the top position (the one in the white area), but I can't, because I need to make the site multilingual, but that top position doesn't appear in the menu options, so I can't assign different menus for the different languages.
The white area at the top right is a widget area. The site already has two widgets in that Header Right widget area - a text widget (with the phone number), and a nav menu widget (the three locales).
You could make it two nav menu widgets. See Appearance -> Widgets, or use the Customizer. Alternatively, you could adjust the CSS, so that the red / grey locale 'tabs' become different looking links with a white background.
Also useful, if you do just need a single menu location there, would be the Genesis Header Nav plugin.
This is a really simple question..but in Gantry 5.1.2, I'm attempting to set three block elements in the template - layout for the header in a horizontal row. From left to right:
a menu for registered members (70%) (acl registered)
login block for guests (10%) (acl public)
login block for signed in users (20%) (acl registered)
I have this configured, problem is item 1 - the menu is only visible to registered clients, it collapses causing item 2 to move to the far left as item 1 no longer takes up 70%. How can I make item 2 login block remain aligned to the right portion of the page (positioned as if the 70% menu hadn't collapsed) without using css positioning?
I've tried using spacers, but they remain once logged in. I then tried adding a transparent border and setting a width, but that will cause other issues I'd like to avoid.
There has to be a more proper way to do this, but my solution for now is to create a new menu item with a single alpha character and set it to public as a menu heading type within the client menu. Add a css class to this menu item with display: none to remove the character from the menu directory.
Seems like a silly fix for something I'm sure Gantry can handle.
You can click on the particle gear in Layout Manager and under the Block tab you can select the "Fixed Size". This will make the Login block to be fixed at 20% no matter the surrounding.
I am creating a wordpress page with complex menu layout system.
This is a first for me to get stuck with menu.
My menu virtually looks like this, looks simple.
-main_menu_item's
--main_menu_subitem's
---main_menu_subitem2's
but, my site structure is not that easy.
I have horizontal -main_menu_item's on top of page,
after that there is slider and after slider comes horizontal main_menu_subitem's.
Now comes content part of --main_menu_subitem's and if it has ---main_menu_subitem2's they will be displayed on sidebar.
My problem is that how can i break one menu into three different blocks of code that i can display in different places?
MAIN MENU
-main_menu_item
______________________________________________________________________
SLIDER
SLIDER
______________________________________________________________________
SUBMENU OF MAIN MENU
--main_menu_subitem --main_menu_subitem --main_menu_subitem
______________________________________________________________________
IF SUBMENU HAVE ITEMS, ELSE ONLY CONTENT
---main_menu_subitem2 | content area
---main_menu_subitem2 | content area
---main_menu_subitem2 | content area
So, anyone seeing this easy and would like to give me a hand on this?
Maybe the question is silly, but I just start to look into Drupal and I cannot find any relatives information on the web.
I have installed a theme (corporate clean) that use a inline main navigation just after the logo and before the gallery.
I would like to change that menu position. Move the main menu on the left side.
But everytime I give to navigation or main menu block the 'navigation' position, I see a new block filled in with the same main menu links.
Instead I want the first link be relocated in the left side.
How could I do that?
(btw the theme has even a navigation block, but it cannot understand how it work exactly..)
thanks
The menu is usualy inserted in the page.tpl.php you can move it around in this file.
Alternatively you can go to admin/appearance/settings/yourTheme and turn off "Main menu" and "Secondary menu" and use the Menu block module to position menus where you want them.
Do you mean you want the main menu (that is initially in the "navigation" area, like horizontally) in a new column on the left side, like vertically?
If yes, just go in administration>structure>blocks and drag your "Main Menu" in "First Lateral Bar" area (under Content, in Coporate Clean theme). Save and check the result.
If not, do you want your Main menu just like it is now but aligned left instead of right? If yes, just play with CSS.
I have designed a master page on which I have a horizontal banner with my company logo and in the same banner at right hand side I have copied the WELCOME control div from Ribbon area and placed inside banner area which is perfect.
I have customized master page to hide ribbon bar for the visitors (General users) with no uploading rights but the problem is that when site collection administrator logs in it shows the ribbon bar and my banner with welcome control but when visitor logs in the ribbon gets hidden and banner appears on top at the place of ribbon BUT the welcome control div doesn't move and gets displaced somewhere (cant see anywhere).
How to automatically change position of welcome control when ribbon gets off/on and appears in the banner accordingly. what change in CSS i need to do.
thanks