WordPress page design mobile format

Alejandrovillavasco · Nov 23, 2023

I have created a web design in WordPress and for computer view it is perfect, when I change the view to mobile on the main page the product columns appear on the left of the page and the images in the center.

I would like everything to appear centered and I have tried thousands of ways to make the product columns on the main page appear centered but I can't find the key

The Undefined · Nov 23, 2023

Hey there!

Without seeing the code exactly, I cannot provide you with a better answer.

If you're using a pre-made theme (e.g. from ThemeForest), depending on the page builder (Elementor, WPBakery, etc), there are options for mobile view and manipulating the page on different page sizes.

As an example, in Elementor, on the bottom left corner of the page there's an Desktop icon by default and when you click on it, you can switch between different views and apply the styling accordingly. Please note not all of the attributes support different styling on different screen sizes.

On the other hand, if you have created it by coding it, have a look at the flex box or grid view. They're usually used for centering. Also you can share the site address in DMs or share the code here, so I can have a look.

Alejandrovillavasco · Nov 23, 2023

The Undefined said:
Hey there!

Without seeing the code exactly, I cannot provide you with a better answer.

If you're using a pre-made theme (e.g. from ThemeForest), depending on the page builder (Elementor, WPBakery, etc), there are options for mobile view and manipulating the page on different page sizes.

As an example, in Elementor, on the bottom left corner of the page there's an Desktop icon by default and when you click on it, you can switch between different views and apply the styling accordingly. Please note not all of the attributes support different styling on different screen sizes.

On the other hand, if you have created it by coding it, have a look at the flex box or grid view. They're usually used for centering. Also you can share the site address in DMs or share the code here, so I can have a look.

It's this page: vivinstickers.com The theme I have designed is bloksky and I have designed it with the WordPress layout that it has by default, if you look at the main page the product categories below in the mobile version are on one side and by testing I have realized that with images if centered

The Undefined · Nov 24, 2023

Alejandrovillavasco said:
It's this page: vivinstickers.com The theme I have designed is bloksky and I have designed it with the WordPress layout that it has by default, if you look at the main page the product categories below in the mobile version are on one side and by testing I have realized that with images if centered

Could you please attach a screenshot? I can see there's some issue with the image sizing, but placement seems to be okay on mobile (maybe you have already fixed it)?

Leon jamesh · Nov 24, 2023

It difficult to resolve without seeing your code or a screenshot of your site. If you want a solution without showing a details to anyone, you can try to query over ChatGPT.

Alejandrovillavasco · Nov 24, 2023

The Undefined said:
¿Podrías adjuntar una captura de pantalla? Puedo ver que hay algún problema con el tamaño de la imagen, pero la ubicación parece estar bien en el móvil (tal vez ya lo hayas solucionado).

Si, todo solucionado!! He podido añadir categoría y ponerlo correcto

WordPress page design mobile format

Alejandrovillavasco

Newbie

The Undefined

Regular Member

Alejandrovillavasco

Newbie

The Undefined

Regular Member

Leon jamesh

Elite Member

Alejandrovillavasco

Newbie

Main Menu

Marketplace

Making Money

BlackHat World