Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 24, 2017 at 12:08 pm #766076
    snitt

    Hello.
    I want my page to have a maximum width of 1600px. (changing in settings don¨t work, I have fixed box layout)

    I entered this code, which workes in quick css for body: 

    html.html_av-framed-box{
    max-width: 1600px;
    background-color: #f2f2f2;
     margin: 0 auto;
}

    I entered this code for header:

    .html_header_top.html_header_sticky #header {
    position: fixed;
    max-width: 1540px;
}

    The only problem is that that header don¨t work because of a style in enfold system telling header to be left:0; . How can I remove this css code from you css? or overwrite it?

    March 24, 2017 at 1:02 pm #766112
    Yigit

    Hey snitt!

    You can copy enfold/css/layourt.css file into your child theme inside /css/ folder and add following code to functions.php file of your child theme

    add_action( 'wp_enqueue_scripts', 'wp_change_layoutcss', 20 );
function wp_change_layoutcss() {
   wp_dequeue_style( 'avia-layout' );
   wp_enqueue_style( 'avia-layout-child', get_stylesheet_directory_uri().'/css/layout.css' );
}

    then find the code in file with following selector 

    .html_header_top.html_header_sticky.html_av-framed-box #header

    and remove it :)

    Cheers!
    Yigit

    March 29, 2017 at 3:04 pm #768852
    snitt

    Hi.
    I did as you said. copied layout.css into enfold-child folder. Removed sector, and added code at bottom of layout.css. But it does not seem to work. Header is still left aligned.

    April 1, 2017 at 11:23 am #770286
    Rikard

    Hi,

    Sorry for the late reply. I’m not sure I understand exactly what you are looking to achieve, could you post a screenshot highlighting the changes you would like to make please?

    Best regards,
    Rikard

    April 3, 2017 at 8:14 am #770928
    snitt

    I have made screenshots, but don¨t understand were to add attachement so that you can see them.

    I want the website to stop being responsive at 1600 px. I want it to expand the backgound color, but not content if pagesize goes beyond that. I entered code as shown above to make this happen, and it worked. Except for header area. Header is aligned to the left, so when rest of page is centered header is to the left. It looks off.

    When I open inspect on my webpage and turn of float:left everything workes find. But I dont know how to make this happen temporary.

    April 3, 2017 at 12:32 pm #771054
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .html_header_top.html_header_sticky.html_av-framed-box #header {
    left: auto;
}

    Best regards,
    Yigit

    April 3, 2017 at 12:37 pm #771058
    snitt

    That worked Yigit. Thank you

    April 3, 2017 at 12:39 pm #771060
    Yigit

    Hey!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Center header. Remove left:0 from css’ is closed to new replies.