Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 11, 2015 at 6:55 pm #517003
    zmkstudio

    Hello , Please help.
    – Is it possible to change the header background to full width white color after set general layout to Boxed layout ?
    I need something like this image >> http://i.imgur.com/WIbthNe.jpg
    – From first question , Now I’m using full width layout and use color section to set background behind. But the problem is on responsive version, All content is not responsive. Only header is fine. Please view in my URL.
    – Why logo on header always stick to top ? I’ve to set header height in theme setting and crop logo image in same height to make it center. Is there a way to fix this ?

    Please help.
    Thank you so much

    • This topic was modified 9 years, 2 months ago by zmkstudio.
    October 12, 2015 at 4:36 pm #517502
    zmkstudio

    There is no help here ?

    October 12, 2015 at 9:22 pm #517706
    Basilis

    Hi!

    I have checked your content and it is Image and not HTML.
    If that is the case, how it can get it be responsive and how it should scale?

    Let us know please

    Best regards,
    Basilis

    October 13, 2015 at 5:49 am #517836
    zmkstudio

    Just scale it smaller ? I used to use this theme for other site and it’s work
    I put the content in color section within 1/1 box why it’s not responsive ?

    Please answer my other question as well
    – Is it possible to change the header background to full width white color after set general layout to Boxed layout ?
    – Why logo on header always stick to top ? I’ve to set header height in theme setting and crop logo image in same height to make it center. Is there a way to fix this ?

    Thanks

    October 13, 2015 at 2:37 pm #518103
    Ismael

    Hey!

    1.) You can try this for the header:

    #header:before {
    content: '';
    width: 9999px;
    height: 126px;
    position: absolute;
    z-index: 1;
    left: -4000px;
    display: block;
    background-color: #ffffff;
}

    2.) It’s not responsive because you use the layer slider and it has a inline css. Did you install it as a separate plugin? Please use the elements in the advance layout builder.

    3.) To prevent the header from sticking to the top go to Enfold > Header > Header Behaviour then disable the “Sticky Header”.

    Best regards,
    Ismael

    October 15, 2015 at 5:24 am #519036
    zmkstudio

    Hello , Thanks for the reply.

    – I’ve tried your CSS code it’s work! but it’s not work when on mobile ? It added white space in mobile version . Please see url.

    – For the header , I mean only Logo is always align to top of header area. I need it to be in the middle vertical align of header space.
    Now I’ve to create logo with empty space to make it same height as header and it look small when shrinked to sticky header.
    Please see image here > http://imgur.com/a/eVfpL

    – Can I move slider arrow in “Partner/Logo slider” element to left and right of slider ? now it’s on top right corner ?

    Thank you !

    October 16, 2015 at 6:33 am #519677
    Ismael

    Hi!

    1.) Did you set it again to stretched layout? Please set it back to boxed layout so that we can inspect the site.

    2.) The logo is vertically align when I checked the site. What browser are you using?

    3.) Add this in the Quick CSS field in order to move the slider:

    #top .avia-smallarrow-slider .avia-slideshow-arrows {
    width: 100%;
    top: 50px;
    height: 24px;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.