• Resolved [email protected]

    (@fernandoazevedogmailcom)


    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?
    https://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;}

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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.
    https://codex.www.ads-software.com/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;
    }
    Thread Starter [email protected]

    (@fernandoazevedogmailcom)

    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?

    https://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%;}

    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.

    Thread Starter [email protected]

    (@fernandoazevedogmailcom)

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

    Thread Starter [email protected]

    (@fernandoazevedogmailcom)

    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.

    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;
    }
    Thread Starter [email protected]

    (@fernandoazevedogmailcom)

    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?

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

    Rgds

    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()
    https://codex.www.ads-software.com/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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Menu Fixed’ is closed to new replies.