The mobile header on devices below 583 pixels are displayed as blocks. This takes to much screen space and I want to display logo and menu/cart (tbToggleButtons) inline. Logo left and tbToggleButtons right.
How to fix this?
|
|
Hi,
Can you please provide some more information? For the moment we are not able to fully understand your request. If appropriate, you can attach some screenshots to better illustrate, what exactly you mean.
BR,
ThemeBurn team
|
|
Please look at attachment. I have tried to show the ideal situation.
George
|
|
Hi George,
You will need some extra code:
@media (max-width: 768px) {
.tbLogoCol {
flex-direction: row !important;
}
.tbToggleButtons {
margin-top: 0 !important;
}
}
Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.
BR,
ThemeBurn team
|
|
Works. Great solution. Thank you very much TB!
|
|
Glad we’ve helped, mate
BR,
ThemeBurn team
|
|