Demo header - by edumi - on WordPress WooCommerce support

This topic has 23 replies, 3 voices, and was last updated 3 years, 10 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

    Avatar: edumi
    edumi
    Participant
    July 8, 2020 at 17:16

    4) Which layer should i set this background image?

    Avatar: edumi
    edumi
    Participant
    July 9, 2020 at 02:00

    5) Hi What is wrong with this margin/layout?
    https://prnt.sc/tef41z

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 9, 2020 at 08:09

    Hello,

    4) Import the slider and check settings, please. Read docs of the Slider Revolution plugin to sort it out and create the desired slider.
    5) What screen size is it? When you resize the browser window, reload the page http://prntscr.com/tejco5

    Regards

  • Viewing 23 results - 1 through 23 (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.