custom header builder
hello,
can i more custom header builder ?
on that website https://le-sixiemesens.fr/ i would like on mobile have my two buttons "OFFRIR" and "RESERVER" alone on first line but full width half 50% each one without padding ?
and how create a custom class css for the heaber builder button only. i want the same but i have to copy/paste each button's setting
thank you
Comments
and last can i add padding on logo ? or may i have to resize my logo ?
Hello,
Sorry, but I quite do not understand the first part.
Can you explain it to me in more detail, please?
About the padding to the logo, you can use the following code:
.mhb .logo{ padding: 10px!important; }Thanks
ty.
sorry for my english
i would like the buttons "occupies all the space" of the bar
to have on mobile on top of sticky menu like plain fix top bar with this 2 buttons
full width buttons
picture attached more easy to explain :-)
and can i set the font size ?
or like this with 2 lines in builder header
Please, check the following code, and see if the display suits you.
@media only screen and (max-width: 767px) { .mhb .mhb-button a.action_button{ text-align: center!important; width: 120px!important; margin: 0!important; } .mhb-button{ margin: 1px!important; } }Thanks
good way but not exactly
can we delete 33px padding left and right only for that div ?
can we set only 2 columns
and width 120px is not responsiv ? i would like 100%
think it's something like this
<code>@media only screen and (max-width: 767px) {
.mhb .mhb-button a.action_button{
text-align: center!important;
width: 100%!important;
margin: 0!important;
}
.mhb-button{
margin: 1px!important;
}
.mhb-view.mobile.sticky .first-row .mhb-row-wrapper {
padding: 0 10px!important;
}
.mhb-view.mobile .first-row .mhb-row-wrapper {
padding: 0 10px!important;
}
}</code>
but don't find how set column
sorry miss code insert
I have checked your website, and now the display is slightly different.
Is that what you wanted to achieve?
Is there anything else I could help you with?
Thanks
yes i did nearly what i want.
just didn't find how code 1 or 2 or 3 column and size of each ?
ty
To adjust every button size you can use the :nth-child() in your custom CSS.
You can read more about it under the following link:
https://www.w3schools.com/cssref/sel_nth-child.asp
Thanks