Home › Forums › WoodMart support forum › Problem with Header
Problem with Header
- This topic has 10 replies, 3 voices, and was last updated 6 years, 5 months ago by
Elise Noromit.
-
AuthorPosts
-
September 24, 2018 at 1:53 pm #78737
Mario2020ParticipantI 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.September 24, 2018 at 2:29 pm #78745
Elise NoromitMemberHello,
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
September 24, 2018 at 3:09 pm #78755
Mario2020ParticipantThank 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 leftAttachments:
You must be logged in to view attached files.September 24, 2018 at 5:31 pm #78769
Artem TemosKeymasterTry 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/1dabd93e54eb298d0b49f85c58a7a70a3. 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
September 26, 2018 at 6:20 am #79083
Mario2020ParticipantHi,
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.September 26, 2018 at 7:20 am #79092
Elise NoromitMemberHello,
Edit the page and enter the row setting > Design Tab, set margin -40px https://gyazo.com/095d0718d04bf9b3f34e6e773b2cf021
Best Regards
September 26, 2018 at 8:15 am #79105
Mario2020ParticipantHello,
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.September 26, 2018 at 8:22 am #79107September 26, 2018 at 9:36 am #79127
Elise NoromitMemberHello,
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
September 26, 2018 at 4:59 pm #79260
Mario2020Participant1. 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.September 26, 2018 at 6:45 pm #79315
Elise NoromitMemberHello,
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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register