Return to previous page

Center Text on mobile for top bar "header-custom-block"

This topic has 6 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Eva Kemp

calebweeks

Participant

February 22, 2016 at 23:44

Hi 8Theme,

Would you be able to figure out why the Top Bar is ignoring the “text-align: center;” on mobile devices?

Screenshot

URL included in post fields.

Thanks for replying when/as able!

#114310 Copied Theme version: 2.6

5 Answers
Eva Kemp

Support staff

February 23, 2016 at 09:01
Hello,

Try to use this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.header-type-17 .header-top .header-custom-block {
  margin-left: 40px;
}
```
Regards,
Eva Kemp.
#114339 Copied
calebweeks

Participant

February 23, 2016 at 15:12

Thanks, Eva.

Is it strange that it is needs a “margin-left: 40px;” in order to give the appearance of being centered? I would have figured it would be able to receive a “text-align: center;” – I will use the margin-left but do you know why it is not taking the text-align: center rule?

Thanks again!

#114414 Copied
Robert Hall

Support staff

February 23, 2016 at 15:36
Hello,

Please try to add this code in Custom CSS for mobile
```
.header-type-17 .header-top .header-custom-block {
    width: 100%;
    display: inline-block;
}
```
Regards,
Robert Hall.
#114418 Copied
calebweeks

Participant

February 23, 2016 at 22:38

The “display: inline-block;” did it. Thanks, Robert!

P.S. Do you think Royal will add this as a default in a future theme update? It seems like the thing (have the text centered like the right nav-bar element but no worries if we just do it manually.

Thanks, guys! We can close this ticket.

#114483 Copied

Eva Kemp

Support staff

February 24, 2016 at 08:55

Hello,

We’ll forward this notice to our developers.
If there are any questions feel free to contact us.

Regards,
Eva Kemp.

#114522 Copied
Tagged: best selling, custom header, mobile optimization, text alignment, themes, top bar, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Center Text on mobile for top bar "header-custom-block"’' has been successfully resolved, and the topic is now closed for further responses

Center Text on mobile for top bar "header-custom-block"

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection