Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Problems showing SpryMenuBar online

Featured Replies

Dear Experts, I've designed a home page of my website. The page contains SpryMenuBar. When I check the index.html stored on my computer the SpryMenuBar works fine but after I put it in my website it doesn't work at all. I have no idea what is the problem. Please help. My website address is acsemi{dot}com

Dear Experts, I've designed a home page of my website. The page contains SpryMenuBar. When I check the index.html stored on my computer the SpryMenuBar works fine but after I put it in my website it doesn't work at all. I have no idea what is the problem. Please help. My website address is acsemi{dot}com

 

Check the link address to your css and javascripts

at present they are trying to link to your local files on your pc

 

<link href="file:///D|/AcsemiSite/css/layout.css" rel="stylesheet" type="text/css" /> <script src="file:///D|/AcsemiSite/SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="file:///D|/AcsemiSite/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> 

Check the link address to your css and javascripts

at present they are trying to link to your local files on your pc

 

<link href="file:///D|/AcsemiSite/css/layout.css" rel="stylesheet" type="text/css" /> <script src="file:///D|/AcsemiSite/SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="file:///D|/AcsemiSite/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> 

 

you will also have to change all the image locations within the css files, they are also pointing to the wrong location, check all css files for the site

You used Dw, didnt you??, this will make the links mlink to your Hard drive, not the actuall address...EG:

 

<img src="C:///images/banner.gif"> should be (on your website) <img src="images/banner.gif">

 

Its okay if the directory you are targeting is in the same folder as your webpages, eg:

 

(bold=directories)

 

images

css

navigation

members

index.html

about.html

mems.html

 

All of the links would need to be "foldername/elementname". This will only work if all is like this. Easier explanation:

 

Wow, didnt know youtube links automatically shew the video, Diff from other forums i've been on :|

  • Author

Yeh, I forgot about links problems. Many thanks to everyone. It works now.

 

But another problem appear. The buttons which have drop-down buttons is changing color but others is not. You can see "Home" and "Contacts" buttons. I know it something wrong with SryMenuBar but where I have no idea. I've tried to change everything in my SpryMenyBar but no result. Could someone give me advice what should I change?

 

I also have in my home page a link

 

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

 

should I keep it or can delete? coz I don't have these picture files anymore.

  • Author

The problems with "Home" and "Contacts" buttons has been solved.

 

Only one question left. I also have in my home page a link

 

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

 

should I keep it or can delete? coz I don't have these picture files anymore.

The problems with "Home" and "Contacts" buttons has been solved.

 

Only one question left. I also have in my home page a link

 

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

 

should I keep it or can delete? coz I don't have these picture files anymore.

 

I think this is required for the function of the menu drop down

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.