mobile alignment issues

Store Design
1

I have numerous mobile alignment issues. Can anyone help me?

2

@yafi Could you please share the store URL? This will allow me to inspect it and provide you with a more tailored solution.

1 Like
3

https://coolestcable.com/products/open-source-r36s-retro-handheld-video-game-console-linux-system-3-5-inch-ips-screen-portable-pocket-video-player-r35s-64gb-games

4

Hello! @yafi Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “base.css”
  6. Add the following code at the end of the file.
.image-with-text__content .image-with-text__text+.button {
    margin: 15px auto 0;
}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
Kaushik

1 Like
5

Kaushik_7_0-1725297469483.png
Kaushik_7_0-1725297469483.png660×524 48.8 KB

BTN Isuu is fixed but this title is not centered you need to center this title also? @yafi

1 Like
6

Thank you Kaushik, could you also please center the title

7

sure @yafi give me a 5 minute!

1 Like
8

@yafi please follow the above steps and add the bellow css

@media only screen and (max-width: 768px){
.image-with-text__heading {
    margin: 0 auto;
}
}

Kaushik_7_0-1725298102793.png
Kaushik_7_0-1725298102793.png622×848 66.1 KB

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
Kaushik

1 Like
9

can you please move this star and name left side

yafi_0-1725298360627.png
yafi_0-1725298360627.png513×605 23.1 KB

10

@yafi please add this CSS

@media only screen and (max-width: 768px){
.jdgm-widget * {
    text-align: left;
}
}

Kaushik_7_0-1725298596572.png
Kaushik_7_0-1725298596572.png1484×809 75.2 KB

1 Like
11

hey kaushik in mobile looking good but on desktop not looking good can you please check

12

Sorry, @yafi, let me check.

1 Like
13

@yafi please replace the above code with the below code

.jdgm-widget * {
    text-align: left;
}

Kaushik_7_0-1725299155005.png
Kaushik_7_0-1725299155005.png1748×359 17.6 KB

1 Like
14

It now looks good Kaushik Thank you for your guidance and support. I’m deeply impressed by your expertise and thankful for your help.

15

You are most welcome @yafi If you need further assistance, please let me know

1 Like
16

No, Kaushik did it on my behalf once again. Thank you.

17

If the solution presented meets your needs and addresses your query effectively, I encourage you to accept All the chosen answers. This will acknowledge your support and aid fellow community members in identifying reliable and effective solutions for their similar concerns.
Thank you.

1 Like