Missing Menu In Header - html

setting up a basic website. I know basic HTML & CSS, but it's only enough to at least play around.
I was using WordPress editor to change some of the code, now the menu for my header has disappeared (contains home, blog, contact).
Website: http://onwardsdigital.com.au/
I can see it's still their in the source code so not sure why I can't see it and it's visible on mobile version.
Thanks for your help

Your css has this entry:
#main-nav-mobile {
display:none;
background-color: #f9f9f9;
That is being used by the DIV with the class main-nav-mobile. If you get rid of the display:none, it will show up. Did you come up with that entry, or is it Wordpress? If Wordpress, you might want to ask the people who did the template why they have that class set to not display.

Related

White Space coming in my website between header and main body in the Mobile View - Wordpress Website using Elementor

I have tried eliminating the header after space using the wordpress. Also i have tried codes for that but still the white region exists.
problem screenshot
Can you inspect the elements on PC? I want to look at the elements that is being shown in the DOM.
On further views, I can see that there is a red button saying "LOGOUT OF TEMS". Maybe you should check the CSS on that, see if it's creating any spacings.

Remove social menu footer

I am trying to create a website with wordpress, but I was asking me if it was possible to remove a "duplicate" menu --> I actually use Reyjavik theme, and created a child theme. It is possible to add a Social menu in the menu area. I implement a social menu and thought it was only present on the header part of the website. But no, it's also present in the footer..
I searched a lot on the internet, and saw that one way would be to write diplay: none but that it was not a good way for SEO.
Do you know how could I do to remove this footer link within my child theme without do a copy & modification of the entire main.php file please ? Is there a way like additional style.css file to block this button please ?
PS : It's not a widget
Thank you for your help !
Jerry
You can set visibility: hidden.
display:none means that the element will not appear on the page at all (although you can still interact with it through the dom). There will be no space allocated for it between the other elements.
visibility:hidden means that unlike display:none, the element is not visible, but space is allocated for it on the page. The element is rendered, it just isn't seen on the page.
Andrey's comment is worked well. The alternative way I would recommend is to remove source code by creating a child theme as you have done before. It will good for your performance which is better than overriding CSS.
There are a few steps
Copy menu-social.php from templates/parts/menu in Reyjavik theme
Create templates folder in child theme
Create parts folder in templates folder
Create menu folder in parts folder
Paste menu-social.php and edit source code (or remove it)
Hope it works to you!

Different page templates not showing content in WordPress

We are using Qode's Bridge theme in Wordpress. I have just moved a dev site to the live site and on the Full Width page template it shows no text on the live site but it does on the dev site. On the live site the default template does show content.
For example the Testimonials page (http://unitedconstruction.com/culture/testimonials/) uses a Full Width template and doesn't show the content under the title bar (it is there if you view the code). But the Culture page does show the content (http://unitedconstruction.com/culture/). The only difference between them is that this one uses the default template.
You can also see what I mean about the live site and the dev site on the two home pages.
Live Site (broken): http://unitedconstruction.com/
Dev Site (working): http://ucdev.inventivewebdesign.com/
I have checked all the settings that Qode offers and gone through the CSS and HTML but have not been able to find anything that would cause this.
We'd like the pages to show the content that is coded there. Could anyone please take a look and see if they can catch what I am missing?
You have edited a little bit CSS, because CSS causing issue right now.
If you go to Developer tools, you will see the z-index overlapping on content.
Now the solution is you have install custom CSS plugin, whatever you love to use.
Just paste this CSS and you are good to go!
.container, .content, .full_width {
z-index: unset !important;
position: relative;
}
This will fix the z-index. And you content will be viewable then.

Tumblr custom theme disappears when logged out

I made a custom theme for a client's tumblr, but the blog is not showing up when the viewer is logged out of tumblr. When logged in, it looks perfect. The blog is http://www.openharborpictures.tumblr.com.
It seems to be related to the "Follow openharborpictures" and "Tumblr" buttons that appear at the top right (perhaps something in them is overriding my custom HTML?) but it could also just be a coincidence. Could not post all of the code, so it's here: http://pastebin.com/U5jctrVK. Any thoughts? Thanks in advance!
I don't think there's anything wrong with your code. Tumblr inserts more code using server scripts, something you can't do anything about. So for some reason parts of the new code is interfering with your code. It could be the Follow thing you mentioned, but we can't say for sure.
What I would suggest you do is in the custom theme panel, scroll right down to the bottom and click on "Advanced" tab, and then uncheck the "Promote Tumblr" option. This should disable the follow button when you are not signed in to Tumblr.
I can't guarantee that this will solve the problem. But it's worth a try. Let me know how it goes.
Set the body height to 100%
body { height: 100% }

Weebly - Adsense in the vertical menu

I am using weebly as my website builder. I am not able to put Adsense advertisement in the vertical menu - I am only allowed to put it in the content window if I use the editor.
I assume I will have to modify the css/html and create content panel in this area (see screenshot) but unfortunately I have no idea how can I do it. Any ideas please?
Put an adsense ad under the navigation menu seems to be impossible without modify the HTML and CSS code.
To do it, you just have to export your theme (Settings > Un-published > Download the archive) and import it (Design > All themes > My Custom Themes > Import theme). An advice, to import the theme with success, read the recommandations because, otherwise, you will have error messages. After, edit the navigation menu in your new custom theme, add your adsense code, probably, in the #sidebar div and save modifications.
I hope I could help you and say me if you have any other problem.
You can insert anything on your vertical menu. I've done that 100%. I was able to insert a search button on the navigation bar and surprisingly, you can insert anything on it.
The technique is simple, just place the HTML on the Lay out area under Design Tab. Then insert the CSS on your sites header or on the main-style.css.
This is rather a long tutorial to make it clear to you. Here is my tutorial on how to insert an element to your navigation: http://www.myweeblytricks.com/2014/07/inserting-search-box-in-weebly.html
Good luck!
Another much simpler way would be add the Column element beside your content, and adjust the settings of the Adsense Element to 'Skyscraper'