html - Background slider is distorted on mobile. (WordPress) -

-

I am a full page slider for the background of my site, it works great on the desktop. However, when I switch to a mobile device, the picture becomes very distorted and there is a black difference on the left side of the page which is not quite good.

Look at the attached photo for a scene or drag it to your phone, url

Is there any way to resolve this with some CSS?

Arrow is pointing to an empty area on the display

(Edit) CSS as requested: 

  #supersized {display: block; Status: Sure! Important; Background size: Cover! Important; Left: 0; Top: 0; Hidden flurry; Z-index: -999; Height: 100%; Width: 100%; }

Physical Background Image CSS:

body {background-image: url (http://plunderfest.muvltd.com/wp-content/uploads /2014/04/starry4.jpg)! Important; Repeat Background: Repeat Any! Important; Back-to-back attachment: Sure! Important; Background-Size: 100%! Important; Width: 100%! Important; Height: 100%! Important; }

Only the maximum width of 767px CSS: 

  @ Media (max-width: 767px) {.hidden-desktop {display: inherit! Essential; } .view-desktop {display: none! Important; }. Visual-Phone {Display: Heirs! Important; } .hidden-phone {display: none! Important; } .woocommerce ul.products li.product.one_fourth, .woocommerce-page ul.products li.product.one_fourth, .woocommerce ul.products li.product.one_third, .woocommerce-page ul.products li.product.one_third. Woocommerce ul.products li.product.one_half, .woocommerce-page ul.products li.product.one_half, .woocommerce .cart-collaterals .cross-sells ul.products li.one_fourth, .woocommerce page .kart-collaterals .cross- Sals ul Products li.one_fourth, .woocommerce .cart-collaterals .cross-sells ul.products li.one_third, .woocommerce-pages .kart-collaterals .cross-sells ul.products li.one_third, .woocommerce .cart- Collaterals .cross- Sells ul.products li.one_half, .woocommerce-page .cart-collaterals .cross-sells ul.products li.one_half, .one_sixth, .one_fifth, .one_fourth, .one_third, .one_half, .two_third. Three_found {display: inline; Swim left; Margin-right: 0; Hidden flurry; Status: Relative; Width: 100%; } .fimage-align-right, .fimage-align-left {float: none; Text align: center; Margin-left: 0; Margin-right: 0; }}

Why would you use the slider for the background of your site if it's a Is the image? I advise not to use the page slider as a background and instead use an image instead of just styling it in CSS. There is a drop in CSS when its size changes, if you have set the slider as a background, then you have to go through the CSS when it is recycled.

If you want to use an image, then use CSS, so that it does not scroll by using the background-attachment. 

  body {background-image: url ('your / image / location / image.jpg'); Background repeat: do not repeat; Background attachment: fixed; }

There are several ways to do this and I was giving you quick notes to use the background-attachment, not the whole CSS for the changes.

Update

I think what this is. This is not accountability because the size of the image varies because it changes shape. Try to shape the width of your browser, but maintain the same height. The reason for this is that the image can not stretch and shape at the same time. This will maintain the correct aspect ratio so that it does not get distorted. There is a very fast and easy fix for this, that in a photo editor, a black shield will be inserted very much below that image. This shows that it is fading in the background of the site and it will be more cleaner than the hard work on the floor. This can make things even more legible, since there should not be a location view in the background of that small size. Apart from this, I am not sure how to adjust it, and if this happens, then it will have to mess with that picture to reach the bottom.

I have got some posts where people talk about various solutions but there is not much information about it. Look around or see if someone has any ideas.

Apart from this, I'm not sure how


Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error < Code> traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, &
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla
Read more

c# - MySQL Parameterized Select Query joining tables issue -

-
I am using parameterized select questions in conjunction with my program and it works entirely, When I try to join the table Everything I have done is a small fraction: using (MySqlCommand cmd = new MySqlCommand (paramQuery) ToSql (), Connection)) /etc/ paramQuery.ToSql () Equal: "Select TableOne ID, Tableon, Department, Tablet. One by name table, Table 2 h Yes TableOnEID = @Pharmak "* / for (Int Index = 0; Index and Lt; ParamariX Parameter (.c calculation; Index ++) Cmd.Parameters.AddWithValue (paramQuery.Parameters (). ElementAt (index). , ParamQuery.Parameters (). ElementAt (index) .Value); / * ParamQuery.Parameters (). ElementAt (index) .k = "@most 0" paramQuery.Parameters (). ElementAt (index) .Value = "tableTwo.ID" * / MySqlDataReader Reader = cmd.ExecuteReader (); While (reader.Read ()) {// do stuff} } One of the tables I attempt to join is For the table, two with the same id for all. Is there something that I'm doing wrong?
Read more