Regarding the settings issue of “Header Builder” on Mobile

In “Header Builder” > “Header bottom,” setting “row columns” to “3” does not work on Mobile.
So how can I align the content in this section to both ends on Mobile?

Attachments:

You must be logged in to view attached files.

Hi z.william,

Thanks for reaching to us.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

OK

Hi z.william,

Please allow me to explain:

These settings work for the desktop, and there’s no way to remove or hide it, unfortunately. As an option, you can use the HTML Block.

Please refer below articles for more details: https://xtemos.com/docs-topic/html-blocks-usage/

Regards,

You may have misunderstood. I don’t want to remove or hide it. I just want the Header Bottom to display as three columns on mobile as well, so that the elements can be arranged properly.

Right now, even if I set the Row columns to 3, the elements in the Header Bottom are still grouped together on mobile, just like what’s shown in my screenshot.

Hi z.william,

Yes, I understood your question. But due to the narrow of spacing on the mobile, please follow my previous instructions.

Regards,

I don’t know how to use the HTML Block yet. I achieved the desired effect using the following CSS code.
If you have a more convenient suggestion, feel free to share it.
Otherwise, this issue can be considered resolved.

.whb-column_mobile5 > .wd-header-my-account {
    position: absolute;
    left: 5px; 
}
.whb-column_mobile5 > .wd-header-mobile-nav {
    position: absolute;
    right: 5px;  
}

[Author]

Posts