Site icon Web Design Ledger

How To Center a Logo Within the Browser in Adobe Muse

Muse For You - Browser Centering Widget - Adobe Muse CC

[youtube https://www.youtube.com/watch?v=Zb_lIiBsais]

Center Your Logo Vertically and Horizontally Within the Browser in Adobe Muse. No Coding Skills Required.

  

Branding plays a big part in web design and most websites are branded with a logo and a slogan. A lot of times web designers and developers look for the best way to initially show the brand when someone visits their website. That is why I decided to create the Browser Centering Widget. With this widget you can initially center any element directly in the center of the browser. The element will be vertically centered and horizontally centered across all devices until the user scrolls, and then the element scrolls with the website. You can also fix the element in the center of the browser. This will insure that the brand or logo gets maximum attention and looks great when the user first visits the website. In the video above I go over how to use the Browser Centering Widget in your Adobe Muse website.

The steps are as follows:

1. Drag and drop the widget from the library panel onto your Adobe Muse website. If you do not see the library panel go to Window > Library.

2. Assign the graphic style name that is in the widget to the element you would like to center via the graphic styles panel. If you do not see the graphic styles panel go to Window > Graphic Styles.

3. Place the element at the very top of your Adobe Muse website. Element can be anywhere at the top.

4. If you would like the element to stay fixed in the center and not scroll with the website select ‘Fixed in Center’ within the widget.

5. Done.

 

You now have a centered element on your website. No matter what device the user is on you can be sure that the centered element will be the first thing they see.

For more video tutorials and widgets for Adobe Muse visit http://museforyoushop.com.

Happy Musing :).

Exit mobile version