Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 11, 2015 at 4:04 pm #486024
    slui

    Hi,

    I would like to know if it is possible to replicate some parts of the side menu characteristics from this theme onto Enfold.

    Theme to be replicated: http://themeforest.net/item/beautyspot-wordpress-theme-for-beauty-salons/full_screen_preview/8020062

    Parts that I would like to replicate:

    1. Background
    2. Width of the side bar menu
    3. Shift social media icons down

    Thanks.

    August 11, 2015 at 5:17 pm #486076
    Elliott

    Hey slui!

    1. That would take a lot of time and code and would have to be considered custom work. It would be best to hire a freelancer to help you out with this customization.

    2. Add this to your custom CSS.

    @media screen and (min-width: 767px) {
#top #header { width: 400px !important; }
#top #main { margin-left: 400px !important; }
}

    3. Add this to your custom CSS.

    .html_header_sidebar .av-sidebar-social-container {
  bottom: 0;
  clear: both;
  left: 0;
  overflow: visible;
  position: fixed !important;
  width: 400px;
}

    Best regards,
    Elliott

    August 11, 2015 at 8:53 pm #486191
    slui

    Thanks for the fast response. Is there a way to add a background image to the sidebar menu instead of doing a moving background?

    August 12, 2015 at 2:11 pm #486555
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .header_bg {
    background-color: #099db3;
    background-color: rgba(9,157,179,0.9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,0,124,0.6)), to(#099db3));
    background-image: -webkit-linear-gradient(top, rgba(255,0,124,0.6), #099db3);
    background-image: -moz-linear-gradient(top, rgba(255,0,124,0.6), #099db3);
    background-image: -o-linear-gradient(top, rgba(255,0,124,0.6), #099db3);
    background-image: linear-gradient(to bottom, rgba(255,0,124,0.6),#099db3);
}

    Best regards,
    Yigit

    September 8, 2015 at 11:58 pm #500143
    slui

    Hi Yigit,

    I tried to implement the code you provided and it did not work…..any suggestions as to why?

    sl

    September 9, 2015 at 12:00 am #500144
    slui

    Hi Yigit,

    Nevermind…..I got it to work.

    sl

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Replicating Side Menu Setup on a Different Theme’ is closed to new replies.