The content on my Tumblr theme completely disappears - html

For some reason the content on my Tumblr theme doesn't show up, which is very frustrating. Sometimes it will show for a split second and then vanish. I have NO idea what could be causing this. I can't post the entire theme code in here, since I don't know where the error could be, so I've put the layout code into Pastebin.
Here is the link to the Tumblr itself.
Any advice would be greatly appreciated as the theme looks perfect when it chooses to show up. :/

Remove the bottom: 1%; from the body tag.

Related

How to edit HTML of a single page in Wordpress

(General Kenobi).
Alright, enough fun lets get to the point. I have a question about Wordpress for you guys and I hope you can help me with it. My theme supports an image as an "ad" which you can place below header (menu) and above content on the site. It is not a background, you can set BG of a page and then in theme options add image to be shown.
The problem is, this picture is now on every page, article, everywhere on site. I can live with that but I would like to know if its possible to somehow change HTML or something of a single WordPress page and replace the logo with the different image? I clearly can't do that in editor as it supports only one image for everything so that's why I'm asking to try out code change. I tried to get to the HTML but in WP Editor it shows only a few lines of PHP code.
As I'm typing this I'm realizing some huge problems it might have but I'll post this anyway, maybe some of you will have a great tip :) Thanks for helping me out in any way!
Michal

Navigation bar hiding web page contents and sidebar contents in html

I'm making a web page to try to learn HTML, CSS, PHP, and Javascript better. I've been revisiting the code trying to work out a few bugs and I discovered that my search bar is hiding the page contents and a button on my sidebar. I spent about 10 to 11 hours this week to try to fix the problem. The thing is though I'm not sure what the problem is and so I don't know which part of my code to post. All I need help with is identifying a few possible problems. If you have an idea what the problem might be I would really appreciate your help. So far none of my ideas have worked.
Here is a picture of what the page currently looks like.
Can you try adding a css property of padding-top: 100px; to the content under the header and see if that does anything?
from the diagram it looks as if your search bar has been removed from the normal document flow. This is usually done in CSS setting the position attribute to absolute or fixed rather than static or relative.
Check your styling for position and set it to static or relative.

Bootstrap white space on the right on mobile view

So working on this website and faced with an issue of blank space on the right side of the page on mobile view. I've looked at everything and still cant seem to get rid of it.
I deleted each section of the site hoping to find the area where the issue was (overflowing form something I thought) but it was always there so I don't know what to do.
[link removed] is the site on the dev server.
Im really stumped by this so hope someone can help me. Thanks in advance
The issue is visible only on mobile and almost no way to debug that (well there is a way, kind of a hard way to debug that).
Any long story short ... i suppose one of the page elements is not behaving as it should in mobile view. With this i mean, an element, element X for example is wider then the width of your mobile screen so it creates that white screen issue.
What im gonna propose here is not a 100% solution, is more like a workaround but it will work if the issue is what i supposed:
Apply this css rule on the body tag:
body { overflow-x: hidden; }
http://validator.w3.org/nu/
Copy Paste your url or paste your code (at the "Check by" dropdown) and you'll see unclosed elements.
Close your elements, I think there is the solution
Thanks to everyone for your help. So I found the issue, As Arber suggested it was an element behaving badly. It was the contents of the carousel overflowing causing whitespace to appear, so I was able to rectify the problem. Thanks again! Tthe validation helps with a few other side issues too.

MDL: Fixed header icon misplaced?

I'm trying out Material Design Lite to make a nice-looking webpage for a school project. I'm having an issue where the sandwich icon in the header is off-center for seemingly no reason.
I copied and pasted the exact source from the fixed header example here (click the CodePen button to see the exact full source I'm trying) and it doesn't appear the way the examples do.
Is there something I'm missing? It's been a while since I've done HTML/CSS but I don't see why this would be happening. Could it even be a bug? Thanks.
I wish I could add a comment to help. Unfortunately my score is too low.
I went into the fiddle i believe you created and cut and pasted the info from the code pen. It looks like it is working. Please post the code you are using. Also you mentiono a fixed header but it looks like you are taking the header titled Scrollable Tabs. Correct?
I would be happy to help, i could imagine there is something in the CSS unless you're not using any of your own style sheets. #Jainam is on the right track by asking if you could set up a fiddle.

Wordpress: Have no idea how to change the navigation bar

first off I am sorry if my question is very noobish. I am willing to bet it is probably a very simple solution and maybe other ones out there, but as I can word it, I haven't yet found a solution. Anyway, on to it!
I am trying to develop my first website on wordpress. I have chosen this theme to do so: https://en-ca.wordpress.org/themes/urban-bold/
For some reason however, the navigation bar came out completely different from the template and I absolutely hate it!
Here is what it currently looks like:
For some reason the logo or website title just goes on top of the navbar, instead of off to the side like the template, which is what I was going for! Whenever I look for answers in previously posted questions, it seems that I have to edit the CSS or something, which is yet another thing I have no idea how to do it from a Wordpress template. I have downloadd a plugin called Simple Custom CSS, but I am still clueless where to go from there. It's all been so overwhelming to learn this...
I am quite lost here and would really appreciate some insight on how to make the navbar follow the format of the template (logo or title off to the left, with the menu/page buttons off to the right).
Thank you very much for any help!
Add below lines
#media screen and (min-width: 1040px) {
#logo.full { float:left !important; }
}
to your theme css file through FTP
/wp-content/themes/urban-bold/style.css
or from Admin area > Design menu > Editor > select style.css