Center Section title at mobile device

Hi,

I would like to ask you how it’s possible to have text-align “center” on the section title of my 1st column at my 1st row below my home slider only at mobile devices (screen width<991px).
In addition I would like to have my button center aligned for the above screen width.

Please check my attached screenshots.

Waiting for your further advice!

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL and make sure it is workable, I have viewed both the Home page and do not see the content you show on the screen.

Best Regards

Hi,

The page URL is https://www.giftsontop.gr/arxiki/. Please check again my new screenshots.

Thank you in advance!

Attachments:

You must be logged in to view attached files.

Hello,

When I try to enter the page I am redirected https://prnt.sc/pwsqwp and I cannot enter the page, disable the maintenance mode.

Best Regards

Ok I disabled it, please try again now.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body #wd-5dcc1ee3a103f .woodmart-title-container {
    text-align: center;
}

Best Regards

Hi,

Your code worked but only for Section title and not for Text after title and the button below of it. Can you send me the relevant CSS code for these elements too? Please check my attached screenshot.

Let me also mention to you that I want to have them center aligned not only at mobile but also for mobile landscape and tablet.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile/Landscape/Tablet:

body #wd-5dcc1ee3a103f .title-after_title {
text-align: center;
}
body #wd-5dcc1d76a331b {
    display:block;
	  margin: 0 auto;
	max-width:150px;
}

Insert the code I have provided below to Tablet/landscape and Mobile.

Best Regards

Thank you very much, it worked perfect.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts