Home Forums WoodMart support forum Problem with Header

Problem with Header

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #78737

    Mario2020
    Participant

    I created header with header builder and I add html/text to the right block but still is visible close to logo, but should be in the right side..
    Can you check why?

    Attachments:
    You must be logged in to view attached files.
    #78745

    Hello,

    Enter the row settings and set the centered layout as shown https://gyazo.com/1c3fc88a4af7b423509475d3fe0e26f2

    Next, add Space element https://gyazo.com/673795b0964e6a108c5c76f873dfe960 and set the value. You will get the centered logo

    Best Regards

    #78755

    Mario2020
    Participant

    Thank you for answer,

    Its working on desktop
    But on mobile we have following problems:
    if i create 200 pixels space then Converter then Cart so everything is good on IPHONE (Convertere is near Cart) but on iPad landscape mode – Converter is in the middle between logo nad Cart its not look nice.

    When i add additional 200 pixel space( together 400) on iPad Converter is near Car but in iPhone you don’t see event Converter and Cart.

    So do there is another option to move Converter near Cart?
    All the icons from the right side are near right border automatically only the tex/html box automatically got to the left

    Attachments:
    You must be logged in to view attached files.
    #78769

    Artem Temos
    Keymaster

    Try to do the following

    1. Remove all empty spaces from the header.

    2. Edit your text block that contains this widget and add custom class switcher-right https://gyazo.com/1dabd93e54eb298d0b49f85c58a7a70a

    3. Put this CSS code to the custom CSS area

    div.switcher-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
    }

    Regards

    #79083

    Mario2020
    Participant

    Hi,

    Thank you for solution.

    I have second issue.
    THere is about 45 to 50 pixels place (white place) beetwen Header and Page Builder texts.
    How to do that my content will be start direct from header without this white space?

    Regards

    Mariusz

    Attachments:
    You must be logged in to view attached files.
    #79092

    Hello,

    Edit the page and enter the row setting > Design Tab, set margin -40px https://gyazo.com/095d0718d04bf9b3f34e6e773b2cf021

    Best Regards

    #79105

    Mario2020
    Participant

    Hello,

    Ok. So I did this way few days ago and i have sometimes this break with logo like in the photo. So i thougt that maybe this -40 pixels is a reason.
    Do you know why sometimes i see this problem with logo?

    2. Second question. How to create similar background colour on website like you have on Christmass page?

    Regards

    Mariusz

    Attachments:
    You must be logged in to view attached files.
    #79107

    Mario2020
    Participant

    second photo

    Attachments:
    You must be logged in to view attached files.
    #79127

    Hello,

    1. Please check your admin access. I cannot log in. I will provide custom CSS for mobile to solve the issue with the paddings.

    2. What background do you mean light of dark blue? Dark blue is an image in the slider.

    Best Regards

    #79260

    Mario2020
    Participant

    1. I sent you photo of your backgronud…
    2. I sent also access to the admin.

    Regards

    Attachments:
    You must be logged in to view attached files.
    #79315

    Hello,

    This code has been added to the Theme Settings > Custom CSS > Global:

    .homepagerow{
        margin-top:-40px;
    }

    And this one to Theme Settings > Custom CSS > Mobile:

    .homepagerow{
        margin-top:0;
    }

    Change the margin-top as per your needs.

    As for the background color: it is #ECF2F7

    Best Regards

Viewing 11 posts - 1 through 11 (of 11 total)