How To Center a Logo Within the Browser in Adobe Muse

Muse For You - Browser Centering Widget - Adobe Muse CC

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

 Muse For You - Adobe Muse CC Adobe Muse CC Logo

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.

 Muse For You - Browser Centering Widget - Adobe Muse CC

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 :).

Read More at How To Center a Logo Within the Browser in Adobe Muse

from Web Design Ledger https://webdesignledger.com/center-logo-within-browser-adobe-muse/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s