Problems with header on mobile screen

andrewwinkler

I need your help with the following problems:
1. I would like to get the module with the phone number and the email address to be next to each other on the same line as the module with the "sign in or register" links. Both modules are custom html modules topbar-right position.
2. I would like the collapsed menu button to be displayed on the left of the logo.
3. I would like the logo to be displayed bigger without increasing the overall height of the logo section.
4. I would like the search bar with the search icon to be displayed in the row where the collapsed menu button is displayed now.

saguaros

Hi andrewwinkler

You should separate your questions info different topics, it would be helpful if others have the same concern.

For the topbar links, you can try this custom css:

@media (max-width: 576px) {
.t3-topbar .topbar-right>div {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
}
}