Hi! 3 small questions: Background & menu resizing, poor mobile appearance - link to live site. Please help, & thanks! :)
Hi there!
SITE LINK
I just launched this site.
The background on the Synopsis and Excerpt pages expands & cuts off on mobile
The menu on desktop only centers on the Home page..moves to the left on all other pages
Any advice on how to make it easily mobile-friendly? Not sure it looks good; opinions welcomed
Thank you all SO much!!
Thanks for the reply
Would any of this explain why the menu moves to the left on every page but the homepage?
I attempted an !important tag for those 2 pages to see if I could get the background to stay--obviously didn't work. What do you see that would cause it to shift/bloat only on those 2 pages (Synopsis & Excerpt)? I will add a media query, but I would like it to work if someone is mobile browsing as Desktop. Plus, it's quite bothersome to me and I am PARTICULARLY concerned with iPads.
I apologize that I do not understand how to separate the text from the background as you mentioned, but I would like to..whatever can be done to keep the site consistent.
I have Google'd this over and over, btw. Asking you guys is a last resort, and I appreciate it.
Similar Messages
-
Please help, i cant see any pictures on any web pages, it has small question mark at the center only.
Move the photos from the Trash bin in iPhoto onto the Library icon to get them back in their proper events. Then check the thumbnails to see if they are still behaving the same. If they are make a temporary, backup copy (select the library and type Command+D) and apply the two fixes below in order as needed:
Fix #1
Launch iPhoto with the Command+Option keys held down and rebuild the library.
Since only one option can be run at a time start with Option #1, followed by #3 and then #4 as needed.
Fix #2
Using iPhoto Library Manager to Rebuild Your iPhoto Library
Download iPhoto Library Manager and launch.
Click on the Add Library button, navigate to your Home/Pictures folder and select your iPhoto Library folder.
Now that the library is listed in the left hand pane of iPLM, click on your library and go to the File ➙ Rebuild Library menu option
In the next window name the new library and select the location you want it to be placed.
Click on the Create button.
Note: This creates a new library based on the LIbraryData.xml file in the library and will recover Events, Albums, keywords, titles and comments but not books, calendars or slideshows. The original library will be left untouched for further attempts at fixing the problem or in case the rebuilt library is not satisfactory.
OT -
I upgraded the OS on my iMac to Lion from the App store; and after installation, it restarted and now the operating system won't start up.... it keeps displaying the apple/folder with a question mark and a circle with a line through it! Please help!
Try starting up with your Snow Leopard DVD and see if the disk can be repaired. Once you are at the installer screen go to the Utilities Menu and choose Disk Utility and choose repair disk. You might also want to try Diskwarrior.
Hope this helps.
Ben -
How do I delete movies from iTunes library? I have moved them to the iCloud and now only seem to have the option to hide the icon in iCloud. I am sure I chose poorly at the 'keep file' window. Please help. My Brain hurts… 18 plus movies need to go…. Thank you.
Instead of removing the music from the cloud or the iTunes library why not shuffle your music using a Smart Playlist which excludes the holiday music, or tracks that are not checked. For example, use this very simple Smart Playlist:
-
I forgot my security question you can not buy please help thank you
I forgot my security question you can not buy please help thank you
The Three Best Alternatives for Security Questions and Rescue Mail
1. Send Apple an email request at: Apple - Support - iTunes Store - Contact Us.
2. Call Apple Support in your country: Customer Service: Contact Apple support.
3. Rescue email address and how to reset Apple ID security questions.
A substitute for using the security questions is to use 2-step verification:
Two-step verification FAQ Get answers to frequently asked questions about two-step verification for Apple ID. -
Need to find the Finder's cog wheel (action menu). It's not there! Would someone please help me? Trying to uninstall MacKeeper. Thanks.
anne296 wrote:
Need to find the Finder's cog wheel (action menu). It's not there! Would someone please help me? Trying to uninstall MacKeeper. Thanks.
The action menu can be restored by, in the Finder, selecting under View menu "Customize Toolbar ...". There you will see options to put the action menu (wheel) back on your toolbar. -
Hi, ı have a problem once I push the power button and it starts to opening but small symbol turning and turning, it really lasts so long. could you please help me? is it so slow to open a mac pro.
OS X Version Number?
Repair Disk
Steps 2 through 8
http://support.apple.com/kb/PH5836 -
I can not purchase from within the application clash of clans where necessary to answer the security questions that forgot their answers please help thank you
If you have a rescue email address (which is not the same thing as an alternate email address) set up on your account then you can go to https://appleid.apple.com/ and click 'Manage your Apple ID' on the right-hand side of that page and log into your account. Then click on 'Password and Security' on the left-hand side of that page and on the right-hand side you should see an option to send security question reset info to your rescue email address.
If you don't have a rescue email address (you won't be able to add one until you can answer 2 of your questions) then see if this user tip helps : https://discussions.apple.com/docs/DOC-4551
e.g. you can try contacting iTunes Support : http://www.apple.com/support/itunes/contact/ - click on Contact iTunes Store Support on the right-hand side of the page, then Account Management , and then try Apple ID Account Security
or try ringing Apple in your country and ask to talk to the Accounts Security Team : http://support.apple.com/kb/HE57
When they've been reset you can then use the steps half-way down this page to add a rescue email address for potential future use : http://support.apple.com/kb/HT5312 -
Hi there,
try to reinstall my Brother Printer after the Maverics update, but it seems it is not longer possible. I loaded tons of software from Brother and Apple support and run the installatin, but the printer will not apear in the printer menu.
Before the update the printer worked fine via WLan and yes both are in the same network. With my second Notebook it works just as fine, can`t figure out what is wrong.
I need my printer for daily work, please help me out
best regardsTry resetting the printing system:
http://support.apple.com/kb/PH14141 -
I Have the PS CC 2014 installed in my Win7. I have a problem with the TEXT TOOL,when I select the tool and type something in there,the text is very tiny eventhough the size is 72. I have tried all the things,like Preferences changing,tool reset,character resets etc., Please help me its very frustrating!
Do you see this behaviour on a new Photoshop document?
Try creating a New document:
File > New.
From the Preset menu, choose U.S. Paper (just so we can test what's happening).
Take note of the Width, Height and Resolution of the document you are creating.
Select the Type tool, and ensure the font size is set in pt (points), set to 72 pt.
Click anywhere in the canvas, and start typing.
Do you still see the problem? If it's disappeared, then check the problem document settings:
Image > Image Size, what's the resolution and physical width and height of the file?
Hopefully this will help you discover what's happening to your document.
Cari -
HT5622 i cant find where its says reset you security question? please help thanks
i cant find where its says reset you security question? please help thanks
The Three Best Alternatives for Security Questions and Rescue Mail
1. Send Apple an email request at: Apple - Support - iTunes Store - Contact Us.
2. Call Apple Support in your country: Customer Service: Contact Apple support.
3. Rescue email address and how to reset Apple ID security questions.
A substitute for using the security questions is to use 2-step verification:
Two-step verification FAQ Get answers to frequently asked questions about two-step verification for Apple ID. -
I dont remember the answers to my security questions... how can i retireve or edit them! please help
i dont remember the answers to my security questions... how can i retireve or edit them! please help
You need to ask Apple to reset your security questions. To do this, click here and pick a method; if that page doesn't list one for your country or you're unable to call, fill out and submit this form.
They wouldn't be security questions if they could be bypassed without Apple verifying your identity.
(114823) -
I can't buy any apps because I am required to answer two personalized security questions. I don't know the answer to them and I don't even remember creating them. Please help.
Welcome to the Apple Community.
Start here (change country if necessary) and navigate to 'Password and Security', reset your security questions using the link provided, you will receive an email to your rescue address, use the link in the email and reset your security questions.
If that doesn't help, you don't receive a reset email or you don't have a rescue address, you should contact AppleCare who will initially try to assist you with a reset email or if unsuccessful will pass you to the security team to reset your security questions for you.
If you are in a region that doesn't have international telephone support try contacting Apple through iTunes Store Support. -
Transparent spry menu that has a background color on sub menus and a few other problems(Please Help)
Hi im a noob at dream weaver and i've been trying to create a menu and i have been having problems with this menu bar i don't know what to upload and i have made a topic about this before but i only got one reply and so i am trying to make my menu bar transparent and then the sub menu's colored with the color code #1A1A1A and the menu bars that have been color background are only the sub sub menu bars if you know what i mean and also my other problem is the spacing i have between each option is really uneven is there a way to make them evenly sperated apart from each other rather than just the size of a "box" that the text is in. Here is my SpryMenuBarHorizontal.css code
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0 auto;
padding: 0;
list-style-type: none;
font-size: small;
cursor: default;
width: 100em;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 18px;
position: relative;
text-align: left;
cursor: pointer;
width: 10.8em;
float: left;
visibility: visible;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 15em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
ul.MenuBarHorizontal ul
border: 0px solid #1A1A1A;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: transparent;
padding: 9px;
color: #FFF;
text-decoration: #1A1A1A;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #0048ff;
color: #EEE;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-color: #1A1A1A
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-color:#1A1A1A;
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-color:#1A1A1A
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-color: #1A1A1A
background-repeat: no-repeat;
background-position: 85% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background-color: #1A1A1A;See if this post helps :
http://forums.adobe.com/message/1997762#1997762
and this one:
http://forums.adobe.com/message/1898539#1898539
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap -
Spry menu works fine local and turns the whole web page white when it goes live. Please help.
Thanks in advance to anyone who helps me out with this problem. I have been working on it all day and I took the time to design nice buttons in Photoshop and backgrounds. It works perfect viewing it in my browser locally.
I have ran into a problem. My whole page turns white I can't see anything at all when i upload it live. I use hostgator webhosting business package if this helps.
I have made sure that I uploaded my SpryAssets folder with everything in it to the server. As you can see I changed the links to work with my website.
This is the following code I am editing in my header file live minus some keywords and html tags.
<base href="http://{$host}"></base>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="templates/{$template}/styles.css" type="text/css" />
<script language="javascript" src="libs/prototype/prototype.js"></script>
<script language="javascript" src="js/functions.js"></script>
<script language="javascript" src="js/labels.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
{if $load_js==1}<script language="javascript" src="js/modules/{$module}.js"></script>{/if}
</head>
<body background="templates/{$template}/images/bg.gif" alt="something here">
<table cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td align="center" background="templates/{$template}/images/header_bg.gif" alt="something here">
<table width="736" cellpadding="0" cellspacing="0" align="center" height="179"><tr>
<td background="templates/{$template}/images/header.jpg" alt="something here" width="736" height="179" align="center" valign="bottom" style="padding-bottom:0px;">
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center"><tr>
<td width="2"></td>
<td width="162"><a href="index.html"><img src="templates/{$template}/images/tab_something.png" onmouseover="this.src='templates/{$template}/images/tab_something_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_something.png';" border="0"></a></td>
<td width="14"></td>
<td width="162"><a href="most-popular/"><img src="templates/{$template}/images/tab_popular.png "
onmouseover="this.src='templates/{$template}/images/tab_popular_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_popular.png';" border="0"></a></td>
<td width="13"></td>
<td width="162"><a href="top-rated/"><img src="templates/{$template}/images/tab_rated.png"
onmouseover="this.src='templates/{$template}/images/tab_rated_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_rated.png';" border="0"></a></td>
<td width="13"></td>
<td width="162"><a href="cam.html"><img src="templates/{$template}/images/buttonhere.png" onmouseover="this.src='templates/{$template}/images/lbuttonhere_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/buttonhere.png';" border="0"></a></td>
<td width="14"></td>
</tr></table>
</td></tr>
</table>
</body>
</html>
The code below it is what makes my website go white, you can't even see anything at all. Notice all i took out was buttons and then i added the spry code. The site will still work perfect without the buttons, but as soon as I place the spry code within the page anywhere it goes white and won't work at all.
<base href="http://{$host}"></base>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="templates/{$template}/styles.css" type="text/css" />
<script language="javascript" src="libs/prototype/prototype.js"></script>
<script language="javascript" src="js/functions.js"></script>
<script language="javascript" src="js/labels.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
{if $load_js==1}<script language="javascript" src="js/modules/{$module}.js"></script>{/if}
</head>
<body background="templates/{$template}/images/bg.gif" alt="something here">
<table cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td align="center" background="templates/{$template}/images/header_bg.gif" alt="something here">
<table width="736" cellpadding="0" cellspacing="0" align="center" height="179"><tr>
<td background="templates/{$template}/images/header.jpg" alt="something here" width="736" height="179" align="center" valign="bottom" style="padding-bottom:0px;">
</td>
</tr>
</table>
<link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="/index.html">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/categories">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/most-popular">something here</a> </div>
</li>
<li>
<div align="center"><a href="/top-rated">Top Rated</a>
</div>
</li>
<li>
<div align="center"><a href="/name.html">Name</a> </div>
</li>
<li id="list1">
<form name="search_form" id="search_form" action="index.php" method="get" padding-left:0px;">
<input type="text" class="input-text" name="tag" id="tag" value="" style="width: 100px; background-position: -14px 0px; height:35px; padding-left:0px;">
<input type="submit" class="input-button" value="Search" style=" align: left; width: 60px; height:35px;">
</form> </li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</td></tr>
</table>
</body>
</html>I'll try to be nice, but if it doesn't come over that way, please forgive this grumpy old man.
When I look at your markup as follows
<link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="/index.html">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/categories">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/most-popular">something here</a> </div>
</li>
<li>
<div align="center"><a href="/top-rated">Top Rated</a>
</div>
</li>
<li>
<div align="center"><a href="/name.html">Name</a> </div>
</li>
<li id="list1">
<form name="search_form" id="search_form" action="index.php" method="get" padding-left:0px;">
<input
type="text" class="input-text" name="tag" id="tag" value=""
style="width: 100px; background-position: -14px 0px; height:35px;
padding-left:0px;">
<input type="submit" class="input-button" value="Search" style=" align: left; width: 60px; height:35px;">
</form> </li>
</ul>
I wonder
what a link to a style sheet is doing in the middle of your document. The placement of a link to CSS should only be within the head-section of your document
why a div has been placed right in the middle of a list. If you want to place the menu item in the middle, then do so using CSS on the a element.
why a form has been placed within the menu bar. Everything within the ul element will be considered part of the menu bar.
Clean up your code and all should be well.
Gramps
Maybe you are looking for
-
I'm using a Windows XP (32 Bit). I can't open my "iTunes Store" page. I have to struggle just to open the iTunes icon. When I do, it opens directly to my music library. When I try to click to the iTunes Store, it opens to a blank page with the wo
-
Mapping canvas of the mapping editor doesn't display
I don't want to reinstall the OWB, I've tried on everything on the Design Center GUI, the mapping canvas has just being hiding somewhere seeing me tearing my hair. I will almost die. But all the pluggable mappings show their mapping canvas as they di
-
Can I transfer my iWeb files to new iMac running Yosemite
I have recently purchased a new iMac running Yosemite 10.10.2. I have a set of iWeb files that I was working on but had not yet published as a website on my old iMac which is running OS X 10.5.8. Is it possible to transfer these files to the new mac?
-
How do stop the daily delivery of an app?
-
My iphone5 is not syncing with my macbook pro.
My iphone5 is not syncing with my macbook pro. Specifically the calendar. it syncs with my iPad fine just not the laptop. Suggestions?