Docs

[NicoleOhlmann]

Hi there,

1. I was wondering if there is a possibility to change the button margin for only the mobile version via CSS? In order to keep some distance between the buttons I added a margin of 10px. However, in the mobile version the buttons appear on top of each other and the margin moves the button slightly to the left (see screenshot). I would like them to be aligned left, Is that possible

2. I used the ‘slider’ as testimonial. In the mobile version, the arrows in the slider are stacked (see screenshot). Is it possible to have them next to each other?

The website is:

Home

Many thanks for your efforts.

Warm regards,
Nicole

[Rupok]

Hi there,

Thanks for writing in! You can add you CSS within media query for mobile?

#1 & #2 :

@media only screen and (max-width: 480px) {
.home #x-section-1 .x-btn {
  font-size: 14px;
  margin-left: 0 !important;
  margin-right: 3% !important;
  padding: 10px 5px !important;
  width: 47% !important;
}

ul.flex-direction-nav {
  display: block;
  margin: 0 auto;
  width: 100px;
}
}

Hope this helps.

Cheers!

[NicoleOhlmann]

This worked perfect Rupok!
Thanks a lot!!

[Christian]

You’re welcome. 🙂

[Author]

Posts