Support » Fixing WordPress » style to be fixed for header and sidebar

  • Current issue:

    The header has three columns: 33%;38%; 29%

    .header_column1
    {
    	float: left;
    	padding-left: 20px;
        width: 33%;
    }
    .header_column2
    {
    	float: left;
    	padding-right: 20px;
        width: 38%;
    }
    .header_column3
    {
    	float: left;
    	padding-right: 3%; 
        width: 29%;
    }

    The sidebar is supposed to be 25%, but if I set it to 25%, the header will be squeezed because it generates 4 columns for me so I end up using 33%

      .col-md-4 {
    	margin-left:0px;
        width: 33%; 
     	padding-right: 0%; 
      }

    With 33% for the width, the sidebar has too much space as you can see from the live page.

    I also want to give it some space on the right in the body.

    It would be greatly appreciated if anyone can help me to sort it out.

    Thank you so much.

    • This topic was modified 4 years, 6 months ago by mdivk.
    • This topic was modified 4 years, 6 months ago by Steve Stern (sterndata). Reason: put code in backticks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • How about setting

    .col-md-4.enigma-sidebar {
    	width: 25%;
    }
    

    otherwise you are setting all col-md-4 including header to 25% creating 4 columns in header

    Thread Starter mdivk

    (@mdivk)

    Hi @alichani:

    The sidebar is supposed to be 25%, but if I set it to 25%, the header will be squeezed because it generates 4 columns for me so I end up using 33%

    Hi @mdivk

    What I suggested in my previous post should work. Add the above code to your theme’s style.css (through FTP or the built in theme editor) and your sidebar will be 25% without affecting the header.

    To add blank space to the right of the body you can add something like

    .post-content-wrap {
          padding-right:5%;
    }
    Thread Starter mdivk

    (@mdivk)

    Thank you @alichani,

    I got this issue resolved by re-assigned new styles to the header columns so they are completely separate to the rest.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘style to be fixed for header and sidebar’ is closed to new replies.