Center the Widget Menu horizontally

Hi all

I have a vertical Menu for phones and a Horizontal Menu for tablets on my Web page. The menus are horizontally centered on their respective master pages. My problem is when the screen of phone or iPad does not match the page width specified in site properties - the menu is off center. I have elements that are fit to width and they work very well. Unfortunately, the position of the menu bar does not change.

I tried to apply the following code to the CSS file for #menuu100

left: 50%;

-webkit-transform: translateX(-50%);


It does not change the position. In my view, because the object is configured to use a relative position. If I change to absolute, the menu moves to the horizontal center of the window, but a vertical layout of the Web page is messed up.


Any suggestions how to solve this problem?


Sang A

Hi sang.

Your father called DIV:

has a rule called CSS float: left;

Meaning: Your menu is forced to stay oriented left no matter what style.css , you put:

See Figure 1 for the wrong position.

Solution: Change the none; float in your site_global.css @ this specific class: #position_content or .position_content

See Figure 2 for the right position.

Hope this helps your problem and good luck.

Tags: Adobe Muse

Similar Questions

  • Disable the update of the widget menu when you are working with files from Muse?

    First of all thank you Adobe for the creation of Muse - I really like it a lot!

    My question:

    When I work on my site with over 250 pages, he strains the performance to make even the smallest changes in the structure of the page. I work with two masters of every much the same horizontal menu widget.

    Add, remove, and reorganization of pages makes the PC (Windows 7 laptop to some but not impressive power) to stop and take a deep breathe for a few seconds. It really interrupts the workflow.

    A raw work around this is to remove the menu widget in the two masters and put it in a new master page that contains the copied menu only two other masters and keep the rest of the header in place on the masters originals to be used for the alignment on the pages. In this way, what a page is updated when you work with adding, deleting, and the reorganization of pages.

    I tried to find a preference disable the update of the widget Menu when working on the structure of the page and just allow the update again when the work is done? is - it? otherwise I would recommend it highly :-) Since my work is about a little difficult/risky to use after the publication of ;-)

    Again, thank you very much for this beautiful program. Being a user of CS (now CCC) selftought I like the ease of control of the Web design you can get with Muse (to the distribution unit other features of course - if you ever wanted to add some sort of database search feature it would be MUCH appreciated.) A workaround is to use the iframe and an external search/lookup page, which returns results with links to parent pages. Un_peu funny good construction :-) ).

    BR

    Mr. harder

    Glad to know you like Muse.

    It can be very intensive CPU if you have several Master pages with their own menu widget Pages. Take a look at the following threads and refer to the response of Zak.

    http://forums.Adobe.com/thread/1423767

    http://forums.Adobe.com/message/6166722

    See if you are able to use one menu widget for all Pages in your site while enjoying the function hierarchical master page.

    http://TV.Adobe.com/watch/Muse-feature-tour/Adobe-Muse-hierarchical-master-pages/

    We know the performance problems caused by the widget Menu (all types of pages) and is something being considered by engineering in one of the upcoming releases.

    Thank you

    Vinayak

  • The Widget Menu text alignment

    Widget menu: Is it possible to align text centered in the top - Menu and pages to the left in the Menu of subpages?

    There is not a lot of controls (everything) for where the submenu is positioned, but you can align the text in submenus using text alignment in text on the menu Board is defined for the uniform Site. If the menu is set to uniform spacing you must be more creative and double-click until a submenu item is selected, use the space Panel (unlock the chain icon) to increase the right padding value so that the text appears on the left, aligned.

  • Can I combine the widget menu mega with a roll on effect on an image?

    I'm trying to understand how to combine a viewer with a roll on state change on an image. So when a visitor flying over an image it will change state (color or tint) and when you click it it will show you a lightbox. The light therapy device is a feature in the Mega Menu widget. It would be a great combination to have. I can't see how this could be done in Muse.

    Matt

    You have a link to a page with the kind of effect you are looking for? If you need flexibility with thumbnails at a more granular level of editing, you can try to use a Composition widget that allows you to configure a reversal/transition the trigger image and also to launch a screen of lightbox.

    Thank you

    Vikas

  • Center the movie element horizontally?

    Hello.

    How I horizontally Center 1 item in my flash movie, so when the film is also at the Center.

    Im guessing Iconvert it to a clip, does he know any script action (actionscript 2 please).

    Thank you

    convert it to a movieclip and set its reg point to its horizontal center.  Add a listener for resizing of scene (check the help files for the code example) and use:

    yourmc._x = internship. Width/2;

    to Center.

  • Customize the widgets Menu bar

    Could Hello someone please tell me how it would be possible to customize certain Cupcakes pictures to enlarge when a mouse is then flown over. As I have the image of a Small cake that I would use menu options, where you hover over with each of them and he grows and changes color and once clicked hyperlinks to another page, so that people can easily navigate between pages. Below is the Image I want to do this. Thank you.123.png

    You can either use a large format image and use to the rollover State for the item of menu and the same State can be defined for color, or you can use compositions as ToolTip where the trigger would be image fill with a smaller image of the cutting of the cake and to the back of the target, the target can be filled with a larger version of the image , but it would be a manual process, so you would need to test this out on your end.

    Thank you

    Sanjit

  • Need help to customize the Spry Menu

    I tried to follow this website to personalize my spry menu.  I have most of my spry menu Setup, but a few things that I was not able to understand.

    http://soleproductions.com/convergence/

    1. I want to center the entire menu in my div navmenu

    2. the bearings for the submenu hover does not work correctly.  I want to have green background.

    3. my submenu widths are mixed

    4. How can you announce a background image for submenu items.

    5. in Internet Explorer, are my (online) horizontal submenus instead of vertically.

    6. in IE, the submenu a "false" under him.

    Thanks for any advice you can provide

    Before directly answering your questions, update your version of Spry.

    The latest version of the Adobe Spry 1.6.1 Framework it is the same version that ships with Dreamweaver CS4. If you are using Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can be easily done by using Updater Spry who can be found here.

    After that, take a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one.

    If you still have problems after this, go to the Spry Forum http://forums.adobe.com/community/labs/spry

    Incidentally, I have not any comment here http://forums.adobe.com/thread/693374.

  • Custom display PNG in the Navigation Menu

    Request Express 5.0.1.00.06

    Universal theme

    Left navigation menu.  Entry in the list.  Image/class.

    Used an impressive icon of police of an aircraft (f-plane), but needed a helicopter, so have an Image of custom Application (png image) loaded as a static application file.  Unfortunately, it does not display at runtime.  (There have also as .ico, .jpg, and .gif).

    Class/image: #APP_IMAGES #helo.png

    Is there a way to display a graph custom in the Menu of Navigation of APEX 5?

    Thank you.

    sheara wrote:

    He DID display a large enough image. could I miss a kind of CSS implementation in shape to make the image small enough to display and so maybe it is not displayed?

    No, what you're missing, it's that the APEX 5.0 navigation menu item universal theme has none supported directly including pictures of work/application space by specifying them in the Class/Image property list entry. The menu is not rendered using the markup generated by the list of navigation menu. Instead, it is used as the data model, from the widget menu real tree. The list of standard navigation menu template includes not one img element refers to the value of property for Class/Image as an image source. There is no need to change the list template to do this, or using another model as the tree view transform has not approved the img (or any other attribute custom) elements in the generated tree.

    Custom images can be included in the navigation menu entries using various other techniques (such as CSS background images): Apex 5 theme 42 Images of the file in the list of the Navigation menus

  • Measures to honor the widget show/hide in new HR 2015 presentation of screen customization


    I was happy to see the widget show/hide in the HR 2015 Azure Blue layout. I guess she calls the expansion/collapse of the content on a DHTML page. However, I did not lead to it! What is the correct procedure?

    1. Change the theme (default)] in the layout of the blue Azure.
    2. Select one of the text box divs (this is probably the question. Where should the inserted widget?)
    3. Select ' show/hide the double State' in the widgets menu.
    4. Save the project and generate output Responsive HTML5. He failed.

    One of two things happens: either help system will not - launch loading graph is an infinite loop, or the system starts with a table of contents damaged. For example, the table of contents shows only the icons/no text content.

    Thanks in advance for any help!

    So that's how see you me Rick ;-)

    The expand/collapse I created originally ended with the RH11.0.3. updated. He is always on my backlog to create an update for this. Just didn't come around it. (I know, after more than 6 months).

    The best way is to a button or two buttons of the twisties/list script method drop-down. Add the script to the master page header and you'll have the expand/collapse in your topics. (Twisties and hide |) WvanWeelden.eu) I have the expand/collapse for the layout on the order book.

  • Content and behavior widget menu accordion

    I am working on a menu accordion that is then used in a Folio DPS created in InDesign.

    The menu accordion is in Master Pages articles/documents, total of 6 items.

    When the label is typed, the menu accordion expands open >

    The label is also a link that leads the reader to a page in the folio during the expansion (using the formatting of navto://documentname#page) >

    Inside the content area of each label are the subtopics which also navigate to different pages in folio (also using the formatting of navto://documentname#page).

    My desire is that when a label is cast and expands, the player can then click on each subtopic go to this page without the menu accordion collapse as he goes to the page.

    I find that 99.9% of the time, the menu collapses. Other times, I get accurate performance I want.

    I'm Ok with the menu to collapse as each label is sunk, but not its subsections.

    I played around with the definition of the properties of the accordions to uncheck 'Collapse All' and unchecking 'Edit Together', but can't change these sections or the text boxes individually. Either, it affects all of THE items in the menu accordion to reduce all or not. No mixing of two adjustment positions.

    Is there a way to get the features you want, as described above, with the widget menu accordion?

    TIA,

    Hunter

    You can either use separate accordions for the category sup or you would need to go with all unchecked collapse and then manually change all of the content.

    Thank you

    Sanjit

  • White space above the top Menu bar

    I hope that someone can see something I'm not.

    I have a white space above my menu bar upper that drives me crazy.  I want that the menu bar to be aligned with the top of the page.

    I work in DW CS5 and the menu (if necessary) is the widget "Menu Matic".

    Please see my test page (and code) to:

    www.Aloe-Vera.org/test.htm

    Thank you! -David

    / * ul or ol of main menu item * /.
    #nav {}
    Display: block;
    position: absolute;
    list-style: none;
    margin: 0 0 0 0;
    z-index: 5;
    top: 15px;
    Display: block;
    }
    Change top: 15px to top: 0;
  • I use a horizontal menu of the widgets library. All right, except that I would have any of the drop-down list list stay open after selecting the top item... and remain open after the selection of a menu under item - so that the viewer knows where they are

    I use a horizontal menu of the widgets library. All right, except that I wish I had the all menu drop-down list stay open when you have selected the top element. And when you have selected a menu SUP item - so that the viewer knows where they are in the navigation. Who is? Thank you!

    Hello

    There is no native function to Muse to achieve this goal. However, if you host your site on Business Catalyst, you can take advantage of the functionality of breadcrumbs. He won't let the open drop-down list stay, but it will show customers on what page they are and that he can see that they have followed to reach the page. For more information, please visit the following link http://helpx.adobe.com/business-catalyst/partner/add-breadcrumbs.html

    Kind regards

    Aish

  • THE problem with Horizontal Spry Menu

    I use a horizontal Spry menu on my new Web site of the office. In IE9, but on the subpage of the site, the submenu display strangely, fill a horizontal space rather than descend vertically. It works on the index page, and it seems to me that the divs and other circumstances are the same in each file. Any advice or assistance would be appreciated.

    An example of the arrangement of the subpage: http://test.faculty.umd.edu/teach/syllabus_ie.html Hovering above the menu should show the problem.

    The index page (showing how the menu works correctly): http://test.faculty.umd.edu/index_ie.html

    Thank you

    Rebecca

    The Spry menu that is built into Dreamweaver using older code that is not compatible with IE 9. If you want to use a Spry menu, you need to use Spry Menu 2.0, you can install using the browser Widget from Adobe. See http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html.

    On the other hand, you might be better off looking for a different menu. There has been a lot of problems with Spry, and the framework has not been updated for several years.

  • I have associated my pencil to Apple for the iPad Pro; How to make the Widget of batteries displayed on the notification Center 'today '?

    I have associated my pencil to Apple for the iPad Pro; But how to make the Widget of batteries displayed on the notification Center 'today '?

    See if it works. Scroll to the bottom of the list in the display today. Tap on edit. Press on the + sign next to battery.

  • Lost folder of the Start Menu Windows XP Media Center shortcuts

    My system crashed a few weeks ago and I had to get it fixed.  I lost most of my programs, but reinstalled.  Yesterday I went to run an application in the menu START and the HANDLE has been note there.  Also my Microsoft Help and Support has disappeared.  Can you tell me how recovery these elements?  I have'nt had a chance.  Thanks Dyan

    Original title: Lost shortcuts folder of the Start Menu on Windows XP Media Center VERSION 2002 SERVICE PACK 3

    Control Panel, taskbar and Start Menu, Start Menu, tab customize, advanced.

    Scroll down and select what you would like to have in the Start Menu.

Maybe you are looking for