Comments (6)
(Oh, it bears mentioning that to check these I temporarily deleted all of my extra CSS, to make sure it wasn't just my alterations causing the problem.)
from inkblot.
Thanks @Victorre. Can you share a screenshot of what you're seeing with the header image? I can't seem to replicate this. You should be able to remove float: none;
on .banner
, though, as (by default, at least) .banner
isn't floated.
For the menu, it's technically working as it should. When a responsive width is set the site menu converts from a ul
to a select
at the the responsive width to save space on smaller screens. This menu is "dumb," however, in the sense that it just lists out all of the menu items, regardless of their intent on the full site display. I'm not sure there's a great way to get around this one, really; I could alter the walker to check for #
URL's and either not render them or forcibly ignore it when they're selected, but I can imagine instances where such URL's would exist in the site nav and still need to be selectable.
from inkblot.
Sure, I've emailed two screenshots to you at your listed address (I couldn't get them to attach to the forum post). One with the CSS fix, one without.
While I was taking the screenshots I discovered that even with the fix it still de-centered when the window was made even more large than I must have tested. I was able to solve that by reducing the size to 80%, so there seems to be a direct connection between the percentage by which the image is reduced and how big my browser window can get before it de-centers.
The float, as you pointed out, actually has no effect, so I removed it without consequence.
from inkblot.
I forgot to mention, in case it's relevant, that the error occurs in both Firefox and Safari. I just checked and my versions are up to date. My display dimensions (according to an online checker) are 20 x 11.3, with a resolution of 1920 x 1080.
from inkblot.
Have you tried adding text-align: center;
to .banner
, like:
.banner {
text-align: center;
}
You should be able to remove the other styles and just use that to keep the banner image centered at any resolution.
from inkblot.
Cool, that worked. Thanks.
from inkblot.
Related Issues (20)
- Custom Navigation w/Selling Prints HOT 1
- Customizer Section for Archive(s)
- inkblot and archimedes won't show latest on my webcomic homepage
- Can't get navigation bar to appear below webcomic HOT 2
- Header image not responsive HOT 2
- Allow any kind of increment of measure in layout. HOT 2
- Comments not appearing on Webcomic Homepage Template
- Menu (Navigation) Bar - Resize HOT 2
- Menu (Navigation) Sub Menu Issue HOT 4
- Can't completely delete Viewport meta
- inkblot_page_description() not returning any data HOT 7
- Insert AdSense banner into header and disable comic date and user name. HOT 4
- Centre Webcomic Navigation Footer HOT 5
- Comic thumbnail preview (possible feature request) HOT 2
- Remove comic title from homepage and change footer HOT 1
- Primary navigation isn't centering; transition property isn't working either HOT 2
- Webcomics Archive template not working? HOT 2
- Twitter Component No Longer Able to Access to Twitter API Changes. HOT 3
- Inkblot no longer works with Customiser HOT 3
- PHP 7.4, 8+ compatibility HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from inkblot.