My problem: When visiting my website on mobile, the logo does not resize, and it cuts off.
I have tried: I have tried adding some CSS code that I found online, but it did not do the trick for me unfortunately, it must have been using the wrong css selectors, but I am not very familiar with CSS/Responsive themes.
Screenshot of problem
Related
I've been struggling with this problem for a few days now. Navigation bar on my page hides browser scrollbars. This happens in Chrome (both desktop and mobile) and Firefox - I didn't chceck other browsers yet but I suppose the result will be the same.
I tried like every single solution I found on Google and Stack Overflow but none of them fully worked. The navbar either kept covering the scrollbars or it wasn't clickable because it was under the rest of the page.
Can somebody browse my CSS and help me with this problem? Thanks a lot!
P.S.: I use no CSS framework. I downloaded the template from here and sligtly modified it.
I am trying to get it so that when I load my website on a tablet, specifically an iPad, in portrait mode, it uses the collapsed menu just like when I load it on my iPhone. I tried the customization feature on http://getbootstrap.com but it didn't work. I also tried a few different posts I saw on StackOverflow, but they didn't work for me either.
The problem wasn't bootstrap. It was me! I after trying to format the code to paste nicely into stackoverflow, I notice I had an extra </div>. After removing this, it works perfect!
I'm trying to get Tumblr's photosets to appear 640px wide.
I'm modifying CATCHING ELEPHANT for my blog http://assemblyradio.tumblr.com/
I'm making the whole posts section of the theme wider.However, I can't seem to get photo sets to appear 640px wide.
I would like the sets to show up as Tumblr intended with their fancy layout, because they look great. Therefore this solution is not what I'm looking for:
Change default photoset size on tumblr
I have tried java script from here:
Tumblr theme dev: Square-75px photos for Photoset posts
and here:
Change default photoset size on tumblr
The second script sort of worked but the images are cropped off =(
If I add some custom CSS I can get the iframe to be 640px wide, but then the height does not adjust accordingly!
Everytime I think I figure it out on Chrome's web developer tool, I can't seem to get the code right in Tumblr's custome CSS. I thought using this selector gadget [How can I get the CSS Selector in Chrome?
could help me target exactly what CSS I should be editing (to see if that could help) but it can't tell me the path to the element, maybe because it's an iframe.
Does anyone know how to to get custom photoset width?
Or how to get an iframe height to adjust automatically?
Or how to find a complicated path to a class?
Any help would be much appreciated. I just want to see my cute kittens.
Thank you!
Tumblr's limitations had also been annoying me, so I wrote a jQuery plugin for a fully responsive Photoset layout that uses Tumblr's style. It also includes extra information (that can be toggled on/off) for EXIF and caption data on each photo.
https://github.com/PixelUnion/Extended-Tumblr-Photoset
I built and tested my site in Firefox but now when wanting to launch I realized that there is extra padding showing up between the menu and posts as well as borders on some of the images when viewed in IE9.
I have looked through all of the CSS and can't figure out what might be causing either of these problems. Any ideas would be great.
Here is the site: http://beautyintheweeds.com
Thanks!
Every browser has different default css rules. Use a css reset to bring everything to the same defaults.
I'm working on a simple website using Twitter's Bootstrap css framework for the basic styling (don't know if this is relevant info).
I've made a simple filterable products page using isotope.js, which is working as expected in Chrome, Safari and Firefox on my Mac. However, something weird is happening in IE8 and IE9; the images get all scrunched up (they should be square, using WP featured image function), see image.
The URL of the site is: http://www.nieuwkerkonline.nl/het-bedrijf/producten/
Does anyone know what is causing this, and how I may be able to resolve it? The fact that the rounded corners and other CSS3 goodness get left out, I can live with, but the pictures defninitely need to display properly.
Any help would be greatly appreciated.
try adding
float:left;
overflow:hidden;
to your css classes .post and .entry-content