Some points that I found out that might save other’s

  • Resolved argyrg

    (@argyrg)


    6 years, 4 months ago

    The first four or five hours of working with this left me totally frustrated, nothing worked, absolutely nothing. But it looks so good that I wanted to persevere.

    So then I looked into my custom CSS where I’d already been trying to make header changes, I turned of all of that CSS and BINGO IT WORKED…

    After a bit more digging I discovered that if the top padding is set to anything less than 5px then the Stax header builder just doesn’t like to play. I’m looking for a minimalist header so padding etc. matters.

    /* Minimise the space above the header to 5px otherwise STAX header won’t work */
    .site-header {
    padding-top: 5px;
    }

    My header has 3 columns
    Column 1 is an image which is 375 x 34 px
    Column 2 is a 3 line address
    Column 3 is unused

    If I set the padding to anything less than 5px then the image disappears and Stax wobbles considerably
    If I set it to 0px the Stax packs up completely.

    I think the interface is a bit tricky to understand and seems to be either inconsistent or unintuitive. I’m thinking here about getting to the properties related to column widths and column contents. A video tutorial or two would be really handy.

    (Whilst writing this I’ve discovered that if I click on the top left green settings icon then I can do some things to the column (Column1 in this case) and if I click on the content within the column then I can do something with that)

    I’ve also noticed that I can’t enter values using the numeric keypad, I have to use the top number row…

    So, I put this into support rather than a review because I think the 5px padding issue is an unwanted feature which maybe the developer could take a look at?

    Regards
    Russell

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author SeventhQueen

    (@seventhqueen)

    Hi Russel, thank you for letting us know, may I ask what theme are you using? We are in the early stages and the first thing to improve, I agree, is to be more intuitive.

    In order to reproduce it should I put a padding top 10 px to the header wrapper?

    Thanks again for the feedback.

    Thread Starter argyrg

    (@argyrg)

    Hi,
    I’m using Storefront but I also have a couple of storefront-child themes. If you can PM me I’ll be happy to share my development site with you.

    To reproduce it you can create a child theme and put this in the styles.css

    .site-header {
    padding-top: 5px;
    }

    and replace 5px with anything in the range 0px to 4px to see what happens.

    Russell

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Some points that I found out that might save other’s’ is closed to new replies.