Why is the navigation and top section of my site pushed to the right on tablets?
alexchenco
As you can see, the background of the top section and the navigation is being pushed to the left on tablets. What could be the problem?
CSS:
#header {
background: #FFF;
height: 69px;
overflow: visible;
border-bottom: 1px solid #ccc;
padding-top: 29px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0 0 8px;
-moz-box-shadow: rgba(0,0,0,0.2) 0 0 8px;
box-shadow: rgba(0,0,0,0.2) 0 0 8px;
z-index: 9999;
}
.section-gray {
background: #f7f7f7;
padding: 20px 0;
position: relative;
}
META:
<meta name="viewport" content="width=device-width">
Live site: http://www.m2comm-semi.com/
Alex
You should improve your style for smaller devices but for solving this problem you can add this in your style.
#signage .container > img {
margin: 20px 0 0;
// Add max-width
max-width: 100%;
}
@media screen and (max-width: 960px) {
.container {
width: 100%;
}
#header
{
height:auto;
}
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: tablesorter incorrectly scrolls disabled buttons with sticky headers
- Next: Select each item without overlap time SQL
Related
TOP Ranking
- 1
pump.io port in URL
- 2
How to import an asset in swift using Bundle.main.path() in a react-native native module
- 3
Failed to listen on localhost:8000 (reason: Cannot assign requested address)
- 4
Double spacing in rmarkdown pdf
- 5
SQL Server : need add a dot before two last character
- 6
C++ 16 bit grayscale gradient image from 2D array
- 7
JMeter: Why get error when try to save test plan
- 8
JWT gives JsonWebTokenError "invalid token"
- 9
How to make thrown errors visible outside of a Promise?
- 10
How to tell if iOS Today Widget is being updated in the background?
- 11
Calling Doctrine clear() with an argument is deprecated
- 12
Capybara Selenium Chrome opens About Google Chrome
- 13
How to update azerothcore-wotlk docker container
- 14
Adding Ripple Effect to RecyclerView item
- 15
mysql.connector.errors.InterfaceError: 2003: Can't connect to MySQL server on '127.0.0.1:3306' (111 Connection refused)
- 16
Error while applying filter on dataframe - PySpark
- 17
Unable to add slack to bluemix project
- 18
MyPy fails dataclass argument with optional list of objects type
- 19
How can I validate and parse phone numbers to extract their country calling code and area code?
- 20
Single Sign-On in Spring by using SAML Extension and Shibboleth
- 21
python how to create many-to-many of lists inside one list
Comments