-
Search Results
-
I am using modern blogger pro theme of pretty darn cute (studio press / genesis). When I test my site on page speed insights of Google, it says:
Size content to viewport
The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.
The page content is 367 CSS pixels wide, but the viewport is only 320 CSS pixels wide. The following elements fall outside the viewport:
The element <iframe id="I0_1436280169360" src="https://apis.g…token=14768212" name="I0_1436280169360"> falls outside the viewport.Please help in fixing it.
Thanks..........
hi, I'm a newbie of wordpress and of genesis, I bought epik theme and now i'm finishing mine site and I have a problem, it's a small problem for you but not for me...
I need to insert this two object inside a single text box, I have inserted inside "genensis responsive slider" after a "genesis responsive slider", anyway this code in a normal html pages works well and inside the epik theme not, maybe there is a conflict but i cann't find, the first part is ok, the second part it's vertical (like alignment) and not horizontal like I'd like to do
Thank you for your help!
<div style="width:500px; height:25px; float:left;">
<iframe id="widgetIB" allowTransparency="true" width="500" height="25" style="padding:0px; text-align:center;" align="left" src="https://secure.iperbooking.net/Widget/v2013/OrizzontaleDalAlEmail.cfm?lingua=it&IdHotel=460&idHotelWidget=261" frameborder="0">Calcolo Preventivo e Prenotazione On-Line</iframe>
</div>until here all is ok
<!-- Begin MailChimp Signup Form -->
<div style="width:420px; float:left">
<form action="//rimini.us4.list-manage.com/subscribe/post?u=1d55b269d43a4e7aa8eff28a9&id=25dede50b9" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div style="float:left; padding-top:1px;" class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_1d55b269d43a4e7aa8eff28a9_25dede50b9" tabindex="-1" value=""></div>
<div style="float:left;"><input type="submit" value="iscriviti" name="subscribe" id="mc-embedded-subscribe" style="display:inline-block;" class="button"></div>
</div>
</form>
</div>I would like the backstretch section to appear on all pages. I do have Genesis Extender and have made a banner section that appears on all pages. However, I would like to make this a backstretch image.
I'm not really sure if that is the answer. What I want is to set a min-height, so when it is viewed on mobile the image is not too small. I want the man to fill the screen. However, when I set the min-height it works well, but it warps the image. The width is squished in. Not sure if I used the right terminology...
How can I set the min-height without changing the ration? Setting the width does not work. Then it is all in proportion, but the man is off to the side, and it is not contained within the screen size. Horizontal scroll.
Janet Morrow | Mountain Ash Website Design | http://www.mountainash.org
Visit Our Site for more information and pricing.When I view the website on my Iphone (vertical view) the background image appears to jump and shift when scrolling down. The doesn't happen on desktop, Ipad or horizontal phone view.
Any suggestions how I might fix this?
Thanks
My website is gompersprep.org and the issue is mainly with the responsive theme scaling with mobile - it scales but not quite enough that you can see the whole content area. That wouldn't be an issue if you could still scroll horizontally on the page or if the page scaled down enough to fit any screen.
When the site was built there were some customizations to the style sheet effecting width, then after an update this started happening.
Any suggestions? I am not very experienced with css styles and html code, so any specific suggestions/instructions are much appreciated!
I've been using Genesis themes for a while, and ever since Google's Mobile Friendly test came out, my pages were fine. As one would expect, given the responsive designs from Genesis.
Suddenly, in February, I started getting messages from Webmaster Tools that some my pages are not mobile friendly. Now, I hadn't changed anything around that time, so I'm guessing Google changed their rules, and I'm very frustrated with them. But unfortunately, they do whatever they want, however badly, and all we can do is try to work around them. The two errors it gives are "content wider than screen" and "Links too close together". And for details, you are told to go to their PageSpeed test.
That test says:
Size tap targets appropriately
Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.
The following tap targets are close to other nearby tap targets and may need additional spacing around them.The tap target Cocktails and 6 others are close to other tap targets.
The tap target Facebook and 2 others are close to other tap targets.
The tap target Contact and 1 others are close to other tap targets.One of those is a Genesis menu element, and they look a good mile apart on my phone, so I don't know what Google's problem is. Any suggestions?
The second error:
Size content to viewport
The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.
The page content is 763 CSS pixels wide, but the viewport is only 320 CSS pixels wide. The following elements fall outside the viewport:The element <iframe id="aswift_0" name="aswift_0"> falls outside the viewport.
That "element" is from an ad, I believe. Anybody know how to use CSS to force the ad to stay contained within the responsive div? It's not Google Adsense, so I can tinker with it without breaking terms... or I may have to beg the ad provider to find a solution.
On my website using the AgentPress 2.1 theme I cannot scroll horizontally using a iPhone or Samasung Galaxy (Android). Scrolling is acceptable to the client but it appears to the "fixed" to only allow allow vertical scrolling?
Link: http://bit.ly/1zTxQuK
I attempted to add conditional CSS like this but it did not work. What am I missing?
@media (max-width:480px) { /* your conditional / responsive CSS inside this condition */ body.agentpress-jna { overflow:auto !important; width:100% !important; } }
[Resolved]Topic: Scroll Bar
Hi everyone,
I have just tried to do some editing on one of my pages and although there is a horizontal scroll bar, there is now no vertical scroll bar. I am using Exec Pro theme and wordpress seo by yoast. I am editing in visual mode, not text. When editing, the sentences go far along horizontally. It's making it really difficult to add/change content.
Anyone else experiencing this or know how to fix it?
Ok, I have just disabled the full height editor and distraction free functionality, and the other scroll bar is back but I am still having to scroll really far across the screen to see the full information. (in edit mode only)
[Resolved]Topic: Centric Pro and MasterSlider
Welcome!
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.