Trouble with .page-title and menu

  • I’ve created a site for learning wordpress. Found answers to almost all of my problems in these forums so far but I am having trouble with a few things which I hope someone would be able to clear up for me.

    1) I would like to hide the page title’s, not delete them, or at the very least make them smaller. This is my current style.css for it:

    [ Code moderated. For more than 10 lines of code please pastebin.com instead. ]

    Even though I have set .page-title to display: none; all pages still have huge title’s, any ideas?

    2) I would like to move the menu to the top of the page. There is 4 parent buttons in total. I have inserted the following:

    [ Code moderated. For more than 10 lines of code please pastebin.com instead. ]

    This does exactly what I want in terms of positioning, but puts the contact button down under the header image. If I do no more than remove those 2 lines of code it appears perfectly under the header image, with all 4 appearing next to eachother.

    I have tried pretty much every combination of padding and margins to get it to come back up but nothing works

Viewing 5 replies - 16 through 20 (of 20 total)

  • You are going to run into these kinds of issues a lot when developing. You need to use a developer tool so that you no longer need to wait on someone to reply. Chrome has on baked-in. You can see what styles are applied to an element by right-clicking it and selecting ‘Inspect Element’ and you will be able to see everything that is happening on your site.

    Thread Starter Paraic Cullen

    (@paraic)

    Thanks, I’ve used inspect element accidentally before but I’ve only now realised how to ACTUALLY use it.

    You know what ironic, its those little title’s that were .page-title lol

    So I ended up having to re-insert 

    .page-title {
	display: none;
}

    Which also explains why they weren’t showing up before… thanks for all the help guys I really appreciate it. Hope this thread passes on the favour to anyone else struggling

    Great!

    Thread Starter Paraic Cullen

    (@paraic)

    AND to complete the success of this thread I have successfully relocated the menu to just above the header image using the following:

    #access {
	position: absolute;
	top: 90px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}

    Hello There,
    I m a new wordpress user and i currently made a website using wordpress.
    I have a problem with the navigation. i dont know why all pages are displaying even though there is no menu created in the Menu option !!…
    i tried to solve it out by trying everything i can do but no solution.
    i have created menu to check whether it’ll only display the menu created in the menu option. I m using free theme called AllTuts from site5.com

    Can you pls tell me how can i solve the probz…
    You can visit my site and take a look at the navigation bar.
    This is my website link
    https://www.beatzcreator.com

    hope you’ll solve the probz

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Trouble with .page-title and menu’ is closed to new replies.