Demo header - by edumi - on WordPress WooCommerce support

This topic has 23 replies, 3 voices, and was last updated 3 years, 9 months ago ago by Rose Tyler

  • Avatar: edumi
    edumi
    Participant
    July 5, 2020 at 14:10

    Hi i wish to use Organic header (https://xstore.8theme.com/demos/2/organic-cosmetics/)
    So i import this name “organic cosmetic header”
    but it stil showing different header:
    https://prnt.sc/tc6nbo

    Please advice

    Please, contact administrator
    for this information.
    22 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2020 at 15:21

    Hello,

    I can see the header of the organic cosmetic demo on your site. Please clear cache and check one more time.

    Regards

    Avatar: edumi
    edumi
    Participant
    July 5, 2020 at 15:29

    Rose,

    why isit have a space here
    https://prnt.sc/tc7nk7

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2020 at 15:36

    Theme Options > General / Layout > Site Layout > Wide

    Regards

    Avatar: edumi
    edumi
    Participant
    July 5, 2020 at 15:44

    Noted.

    for this case, how can i make it start from most side. the empty spaces are too large.
    https://prnt.sc/tc7ufj

    Avatar: edumi
    edumi
    Participant
    July 5, 2020 at 15:55

    2) and here
    https://prnt.sc/tc7zs1
    the spaces is too large, unlike the original theme demo. How can I make it fitted to devices smartly?

    Avatar: edumi
    edumi
    Participant
    July 5, 2020 at 17:36

    3) Why does the sticky header stick in the middle of the screen?
    https://prnt.sc/tc9bhy

    Avatar: edumi
    edumi
    Participant
    July 5, 2020 at 17:38

    4) How can i make the banner occupies fully in the box? Currently it’s only in middle or partial of the box.
    https://prnt.sc/tc9ckt

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2020 at 18:41

    Hello,

    1) http://prntscr.com/tca4ob
    2) http://prntscr.com/tca5gp , set 0px here – http://prntscr.com/tca58s
    check settings of the slider – http://prntscr.com/tca698
    3) Check it from a real device or reload the page http://prntscr.com/tca769
    4) Describe the desired result in more detail, please.

    Regards

    Avatar: edumi
    edumi
    Participant
    July 6, 2020 at 06:36

    1) I though that part is to leave more blank spaces here instead?
    https://prnt.sc/tcidft
    I wan the tick part to leave this space. Yet inner part I don’t want to have any spaces. How can I achieve that?

    2) How much should i put for notebook? isn’t it set to auto fitted?
    3) Ok looks better on real device.
    4) https://prnt.sc/tcifn2 the details in screenshot. Please check.

    Please contact administrator
    for this information.
    Avatar: edumi
    edumi
    Participant
    July 6, 2020 at 07:46

    2) I tried to adjust. Now looks better on the bottom, but I realize the whole size is different with what I set
    https://prnt.sc/tcjc99
    setting: https://prnt.sc/tcjcpx

    How to make it fit into screen without scrolling for this landing page. this is very important. Kindly advice.

    Avatar: edumi
    edumi
    Participant
    July 7, 2020 at 10:22

    3) How can i make this banner responsive in mobile?
    https://prnt.sc/td9uop
    Or how can I hide the whole row, and display another row on mobile?
    Or anyway by css perhaps?

    Avatar: edumi
    edumi
    Participant
    July 7, 2020 at 14:44

    I have set the header layout according to the documentation, however this doesn’t seem to be part of the layout setting
    https://prnt.sc/tdfmt0

    how can I set it to fit the screen?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 7, 2020 at 22:40

    Hello,

    1) I don’t see the mentioned section anymore.
    2) These sizes mean the grid size https://prnt.sc/tcjcpx You can see the blue lines of the grid size of your slider https://gyazo.com/96a58ce3b15948384442113bbafa4eb6 By default slider width takes the site container width. Use max-width if you want to limit the width of the slider http://prntscr.com/tdoaux
    I see the full slider and don’t need to scroll http://prntscr.com/tdockc
    3) Either using custom class and custom CSS or using columns settings to hide column, there is no option to hide row for devices, column only.
    4) I don’t see problem with the fixed header http://prntscr.com/tdoesk Did you reload the page after resize? Also, section layout was changed, so another question may no longer be relevant I suppose.
    5)

    I have set the header layout according to the documentation, however this doesn’t seem to be part of the layout setting
    https://prnt.sc/tdfmt0

    Do you want to show the header over the slider?

    Regards

    Avatar: edumi
    edumi
    Participant
    July 8, 2020 at 08:57

    5) I want to show slider behind menu (like original demo version https://prnt.sc/tdwgxu)
    How can i do that?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 8, 2020 at 09:12

    Hello,

    On our demo, the Home page header is a separate one, it has a transparent background and overlap option enabled. Check these screenshots – http://prntscr.com/tdwr7w http://prntscr.com/tdwrr6 http://prntscr.com/tdwrxw http://prntscr.com/tdws43

    Regards

    Avatar: edumi
    edumi
    Participant
    July 8, 2020 at 09:44

    Noted, thanks for the guidance.

    2) https://prnt.sc/tdxf24
    this part has unknown margin, all has been set to 0 though.

    Please contact administrator
    for this information.
    Avatar: edumi
    edumi
    Participant
    July 8, 2020 at 09:53

    3) when hover on right top menu, this happens:
    https://prnt.sc/tdxm04
    half of the slider was gone.

    Avatar: edumi
    edumi
    Participant
    July 8, 2020 at 10:02

    4) https://prnt.sc/tdxsvq how about this image? where shouId i set it?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 8, 2020 at 13:11

    2) Try to set white color for row on mobile http://prntscr.com/te0xd3
    3) I can not see the problem. Try to clear cache and check one more time.
    4) It is a part of the slider http://prntscr.com/te108e https://xstore.8theme.com/demos/2/organic-cosmetics/wp-content/uploads/sites/34/2020/03/organic-cosmetics-slider-bg-circle.png Here is an archive of the slider from our demo, you can import it and check all settings – https://dropmefiles.com/hy5cU

    Regards

  • 1 2
    Viewing 20 results - 1 through 20 (of 23 total)

The issue related to '‘demo header’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.