Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 26, 2015 at 1:16 am #542801
    jaroljmek

    Hi Guys!

    Is there any chance of creating a border around a full width site by using CSS (incl header and footer)?

    That would be brilliant!

    Thanks

    Christian

    November 26, 2015 at 8:36 am #542899
    Rikard

    Hi Christian,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 26, 2015 at 9:52 am #542929
    jaroljmek

    Hi Rikard

    Many thanks for your reply. This one:

    http://www.dandajaroljmek.com/

    It would be terrific to create this type of effect, a 20px white border around the whole site at the edge of the browser:

    http://awesomescreenshot.com/0be5fp8b20

    Thanks so much.

    Christian

    November 26, 2015 at 10:00 am #542933
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 990px) {
html {
    border: 20px solid white;
}}

    And go to Enfold theme options > Header > Header Behaviour and choose not to display sticky header.

    Regards,
    Yigit

    February 22, 2021 at 5:31 am #1282722
    antdesign01

    This border is exactly what I am looking for however, is there a way to have the sticky header still stick to the very top of the page (therefore removing the top and side border only around that sticky header?).

    February 22, 2021 at 5:33 am #1282723
    antdesign01

    Further to my post above, I’d like the result to be like this: https://www.niceforyou.com/au

    Thanks!

    February 22, 2021 at 12:53 pm #1282777
    Yigit

    Hi antdesign01,

    Thanks for contacting us!

    Please go to Enfold theme options > General Layout and set “Fixed Frame” :)

    Best regards,
    Yigit

    February 22, 2021 at 2:57 pm #1282817
    antdesign01

    Thanks Yigit, I’ll try that.

    February 22, 2021 at 10:38 pm #1282918
    antdesign01

    OK, this was perfect and far easier than what I was trying to do… sometimes we overlook the simplest methods in search for something complex.

    Thanks Yigit.

    February 23, 2021 at 12:31 am #1282938
    antdesign01

    Sorry… I jumped in too quick. The scrolled (sticky) menu doesn’t sit hard up on the edge of the browser like the example. I’d like it to sit on the browser edge, not the border of the site, but only when scrolled. Ill keep searching for a solution, but this isn’t quite right yet.

    February 23, 2021 at 10:46 am #1283011
    Yigit

    Hi @antdesign01,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
.html_header_top.html_header_sticky #header.header-scrolled {
    z-index: 601;
}
.html_header_top.html_header_sticky.html_av-framed-box .header-scrolled #header_main { margin: 0; }

#top .header-scrolled .container.av-logo-container {
    width: 100%;
    padding: 0;
}

    Best regards,
    Yigit

    February 23, 2021 at 12:21 pm #1283052
    antdesign01

    Hi Yigit,
    That’s much closer – it works from the width perspective, but the top of the menu is still adhering to the 10px margin from the fixed frame setting. Is there a way to overcome that?

    Love the theme by the way, it’s by far my favourite to work with.

    February 23, 2021 at 1:42 pm #1283082
    Yigit

    Hi,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab as well

    
.html_header_top.html_header_sticky #header.header-scrolled { top: 0; }

    You can change “0” to “-1px” in case you would like to hide top border as well :)

    Glad you like Enfold :)

    Best regards,
    Yigit

    February 23, 2021 at 2:35 pm #1283097
    antdesign01

    That’s it! Thank you – perfect. Very happy with that result.

    February 23, 2021 at 2:49 pm #1283100
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

    P.S.: Please consider reviewing Enfold on ThemeForest if you have not already – https://themeforest.net/downloads :)

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Border around whole site’ is closed to new replies.