Jump to content

Archived

This topic is now archived and is closed to further replies.

travistsickle

size zoom in safari and firefox

Recommended Posts

travistsickle

My site zooms in using firefox and safari but not chrome.  Why is it zooming in?

Share this post


Link to post
Share on other sites
travistsickle

sicklehunter.com is the site and if I zoom out in safari it doesn't look the way I'm trying to get it either.  Is there a setting in wordpress I'm missing?

Share this post


Link to post
Share on other sites
greenfly

Hi travistsickle

 

So Safari and firefox are how you want the site images to be displayed? http://screencast.com/t/JO6mcBaea


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
travistsickle

no, chrome is how I would like it.   

 

Safari and Firefox are zooming in which is cutting off the images.  I get there are variations from browsers but it seems a bit much versus chrome.

Share this post


Link to post
Share on other sites
travistsickle
I resized the front page image and have removed it from being seen on mobile devices.

How come the images are resizing for the various devices? http://sicklehunter.com/careers/ you can see the image gets cut off on an ipad and it's also getting slightly cutoff on a desktop too.

The pagelines front page seems to resize. Is there a desktop and mobile version or is it actually resizing?

I have the full page box checked off but I tried making the dimensions work so it doesn't get cutoff.

Share this post


Link to post
Share on other sites
Danny

Can you provide screenshots of what it is you're referring to please, as I am not entirely sure. The RevSlider and Canvas area use the CSS property background-size and the value cover, This is the description for cover from the W3 Schools website.

 

Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.

 

So what this basically means is that, if you upload an image, that image will be scaled to cover the area area you have added to the image too. However, in order to achieve a suitable look, some parts of your image will be cut off.

 

When I view PageLines.com, the image for me is scaled by a certain amount, but most of the image is missing, as that is how cover works. If you do not like this functionality, you will likely want to use custom CSS to resize your image completely. However, in-order to maintain your image in full view, you will likely need to change your layout on mobile devices. That is why cover is so useful and used so much, as it prevents the need to do so.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
travistsickle

The header text doesn't resize when I change the screen size.  It's a problem when viewing on ipads/iphones.  However, the small text and button DO resize.  so I'm confused.

 

https://www.dropbox.com/s/rhpgxbiiiuytk66/Screen%20Shot%202014-04-25%20at%209.05.53%20PM.png

https://www.dropbox.com/s/ff0uv2sq2afl6ay/Screen%20Shot%202014-04-25%20at%209.11.36%20PM.png

 

 

 

 

A sizing issue with this image.  shrinking it here works, however on the ipad it cuts everything off but the middle part of the image.  When I shrink the screen on the desktop, it works.  I can't get a screen shot of the ipad.

 

https://www.dropbox.com/s/udn9sbakv8opzi1/Screen%20Shot%202014-04-25%20at%209.26.01%20PM.png

https://www.dropbox.com/s/b8diulgrap9c3vc/Screen%20Shot%202014-04-25%20at%209.26.08%20PM.png

Share this post


Link to post
Share on other sites
James B

If you've used css on the title text to set the font size and have used a static figure like 15px for example then it won't resize. You'll need to use something like em or % for the text to scale. Or you can use @media css to set a specific fontsize for the text when in a mobile view.

 

The ipad and desktop will display different due to the dimensions of the screen, if you turn the ipad landscape you'll see a result more like on the desktop when shrunk, in portrait will look different as per Danny's comment its scaled to cover the area by the height of the image to get a best fit.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio+
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio+
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×