WordPress.org

Forums

Simplify
[resolved] Menu Fixed (9 posts)

  1. fernando.azevedo@gmail.com
    Member
    Posted 1 year ago #

    Hello everybody,

    I wanted to hold my menu fixed on my site, but i messed it up somehow.
    My menu went left.
    Please can some one take a look at my site and my css?
    http://deeplook.com.br/nexo3/

    body{color:#6a6969;font-family:Verdana, sans-serif;font-size:14px;line-height:1.15;min-width:950px;word-wrap:break-word;}
    div, p, a, li, img{transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;}
    img{max-width:100%;border:0 none;}
    #container{width:930px;margin:40px auto;}
    #header{position:fixed; top:25px; left:auto;height:90px;width: 930px; background:url("images/header2.png") repeat-x scroll 0 0 #606162;}
    #header-bottom{background:url("images/header-bottom.png") no-repeat scroll center top #1f5f82;height:370px;margin:-7px 0 -410px;}
    img.site-logo{max-width:250px;max-height:70px;padding:5px 0;float:left;}
    #header-content{width:930px;margin:auto;}
    .site-title-hidden{display:none;}
    #content{padding:80px; top:25px;float:left;width:70%;left:0px}
    #content-full{padding:80px; width:930px;left:0px}
    .content-ver-sep{padding:50px; left:200px; background:none repeat scroll 0 0 #CCCCCC;border-bottom:1px solid #FFFFFF;clear:both;height:1px;}

  2. paulwpxp
    Font hero
    Posted 1 year ago #

    Did you make changes directly to the theme ? If so, you will lose all the customization in CSS when the theme is updated.

    Make a child theme and transfer your customizations to it.
    http://codex.wordpress.org/Child_Themes

    for your #header use this instead

    #header {
    	background: url("images/header2.png") repeat-x scroll 0 0 #606162;
    	width: 100%;
    	height: 90px;
    	margin: 0 auto;
    	position: fixed;
    	z-index: 500;
    }
  3. fernando.azevedo@gmail.com
    Member
    Posted 1 year ago #

    Thank you very much Paul for the fast reply. You killed it!
    I didnt know about the child theme.

    I still have a problema on my other pages, do you mind take a look? Can you point me to a tutorial where i could learn more about the css coding on wordpress?

    http://deeplook.com.br/nexo3/?page_id=5

    #content{padding:0px; top:0px;float:left;width:70%;left:0px}
    #content-full{padding:80px; width:930px;left:0px}
    .content-ver-sep{padding:0px; left:0px; background:none repeat scroll 0 0 #CCCCCC;border-bottom:1px solid #FFFFFF;clear:both;height:1px;}
    .lsep{background:url("images/lsep.png") no-repeat scroll top center #CCCCCC;clear:both;height:20px;margin:10px auto;}
    #right-sidebar{float:right;width:25%;}

  4. paulwpxp
    Font hero
    Posted 1 year ago #

    Quick fix is to put this empty div

    <div id="header-bottom"> </div>

    in to the Full Width Page Template, put it below div id=header and div id=container so you will have this

    <div id="header">
    </div>
    	<div id="header-bottom"> </div>
    <div id="container">
    </div>

    You have that empty div in normal page template, that empty div with id= header-bottom has a CSS property that make it look like that, but the other pages (full width page template) doesn't have this.

    This is a quick fix, not a long lasting solution, the right thing to do is transfer the customizations to child theme, and clean up the codes.

  5. fernando.azevedo@gmail.com
    Member
    Posted 1 year ago #

    Thanks again Paul. I will try that now! Where can I read more about css for wordpress?

  6. fernando.azevedo@gmail.com
    Member
    Posted 1 year ago #

    No Paul, the page is still to the right and it brought the blue background from the main page...
    I cant see how that is connected.

  7. paulwpxp
    Font hero
    Posted 1 year ago #

    The "to the right" problem comes from padding that's set without taking box model's width into consideration.

    Try changing what's inside #content-full to this

    #content-full {
    	left: 0;
    	padding: 150px 0;
    	width: 930px;
    }
  8. fernando.azevedo@gmail.com
    Member
    Posted 1 year ago #

    Thank you so much!
    I am starting to understand it.
    I still have the blue background from the front page on my full-width pages. Is there a way to remove that?

    http://deeplook.com.br/nexo3/?page_id=5

    Rgds

  9. paulwpxp
    Font hero
    Posted 1 year ago #

    Why put it there and remove it later ? If you want that blue background for front page only, don't put it there globally, just put it there for that particular page only.

    Review body_class()
    http://codex.wordpress.org/Function_Reference/body_class

    So whatever responsibles for that blue bg on the front page, you could just move that out and put in the class specific to that page only.

    The other problem is that you didn't create a template for your front, you edited regular page template for front page, now you won't be able to use regular page template, you can only use page with full page template assigned.

    I would make a child theme and move out all the customizations to child theme only. Create a front page template, do whatever you want for front page here. Leave RegularPageTemplate and FullPageTemplate as is, only adjust its CSS.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags