Archived topic
Mobile optimization theme Java
5 replies · Started by Marke on June 7, 2021
Hi, how can I make mobile optimization for the Java theme home page so that it appears on mobile as this page appears https://www.tarhurinpapu.fi/? The challenge here is the graphic designer’s demand for big brand text on the left and that’s automatically possible in this other WP theme. I'm making a new site in the same series for customer with the Java theme and it has the similar cover image and the logo should also be visible on the mobile. The site cannot be published yet.
Hi there,
1. Edit the home page in the Java site. Select the Headline Block thats displaying the text.
2. Switch to Mobile view - whilst in that view the Blocks toolbar ( is positioned in the Top bar of the editor ), there you can change the Text alignment to left and this will only apply to Mobile.
For the logo on mobile - the site uses the Mobile Header, in Customizer > Layout > Header you will see the option to change the branding type to Logo and a field will be provided to add a logo image.
The text is in the picture - it is not own block. As it is in tarhurinpapu.fi How Can I do it as own block with exact font, size and place?
That other theme is not doing anything - its simply displaying an image that is set to full width. Which you can do by just adding an Image Block to the page.
Hello again! How and where can I influence the order of the page’s images and text – the order how do they appear on mobile? Why on mobile the block spacing is so big - how and where I can adjust?
Whether these depend on how the container and blocks are designed? Theme Java
In mobile editing mode, there's an orderoption for Containers under Gridblock.
You can re-order the containers of Grid on mobile by entering different numbers.
https://www.screencast.com/t/iu8gApphFAv
Why on mobile the block spacing is so big - how and where I can adjust
Select the block, adjust its padding/margin in mobile editing mode under spacing tab.
