How can I fix pagination alignment on mobile view?

Hello guys, i have a slight problem with the pagination, the arrows have vertical alligment in mobile version but i want them to displaying as in desktop version. check examples below, thanks in advance.

I want to have this (SEE PHOTO BELOW)

instead of this example below

Hi @Eleftheria2022 ,

It would be best if you can provide your website, so we can provide the right code for you

Hey, my website is www.saketistore.com.gr

thank you

Hi @Eleftheria2022 ,

Thank you. Here is the code.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.
.slider-buttons.no-js-hidden {
    flex-direction: row;
}

Yes, that is correct.

Thank you very much for your help

1 Like

@Eleftheria2022 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

Kind regards,
Diego

Hello Diego. thank you for your answer.

i pasted the code before my end.

when i changed my header coding to get transparent header, i lost the ability to upload logo image, (you can see the examples below) how can i get that feature back?

www.saketistore.com.gr

for unpublished theme