Mobile optimisation homepage

[commissionworks]

Hi

The formatting seems to have gone wrong with my home page display?

Desktop shows ok for https://www.commissionit.co.uk/ but mobile does not. Where how do i adjust this please?

Also were in the css do i adjust got go button colour please?

Thanks

[commissionworks]

Not getting any support ?

[prakash_s]

Hello, @commissionworks,

Thanks for writing to us

Can you please let us know what do you want to format or on which section you want formatting? It would be better if you could provide us marking screenshot.

For the “Go” button, it seems that you are using any shortcode or custom HTML form in the Raw content element. To change the colour of the button you need code custom CSS code under X/Pro—>Theme Option—>CSS

#searchform input[type="submit"] {
    background-color: #4b4b4c;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[commissionworks]

thanks this is what it looks like on mobile https://prnt.sc/10qymvt

How do i adjust the settings so whats above the line on desktop is the same as on mobile>?

Want more on the mobile version…

Thanks

[ruenel]

Hello Amin,

You are having this issue because you have the same root font size for large and smaller screens. Please go to X > Theme Options > Typography > Root Font Size and make sure to adjust the font sizes for smaller screens.

For more information about Typography, kindly check this out:

• https://theme.co/docs/typography#how-to-set-root-font-characteristics