Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 13, 2021 at 5:37 pm #1332616
    tinohannes

    Hey there,

    I have the problem that the buttons aren’t aligned in the same line when opening in mobile:

    http://www.stadtkyll-ferienwohnung.de

    Could you please check where the problem is?

    Thank you.

    All the best,
    Tino

    • This topic was modified 2 years, 11 months ago by tinohannes.
    December 13, 2021 at 5:42 pm #1332619
    Yigit

    Hi Tino,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
@media only screen and (max-width: 490px) and (min-width: 440px) {
.avia-buttonrow-wrap .avia-button.avia-size-x-large {
  display: inline;
}}

    Cheers!
    Yigit

    December 14, 2021 at 8:54 am #1332720
    tinohannes

    Hey Yigit,

    thank you very much. Sadly it didn’t do the trick. It’s still not in line vertically speaking. I’ll upload a screenshot and attach it here, so that you can see exactly what I mean.

    Thank you, have a nice day!

    All the best,
    Tino

    Example

    December 15, 2021 at 7:40 am #1332877
    Ismael

    Hi,

    Thank you for the update.

    Did you move the third button below the others on the contact page? This is what we are seeing now (see private field).

    Best regards,
    Ismael

    December 15, 2021 at 9:02 am #1332901
    tinohannes

    Hey Ismael, thank you. I still have it that the buttons are not in one straight line. I’m using an iPhone 12 Pro Max, maybe it’s because of the bigger screen? I think it’s a little bug in my enfold theme. Just checked: The element is a button row, and when aligned to the left, everything works fine. But when I choose to center it, there it is, also in the preview.

    Left
    Center

    Another example

    Thank you.

    All the best,
    Tino

    December 16, 2021 at 8:40 am #1333040
    Rikard

    Hi,

    Thanks for the update. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    December 16, 2021 at 4:40 pm #1333148
    tinohannes

    Hey Rikard,

    of course. I put it into the private section.

    Thank you!

    December 17, 2021 at 6:34 am #1333194
    Rikard

    Hi,

    Thanks for that. Could you upgrade the account to have administrator rights as well please?

    Best regards,
    Rikard

    December 17, 2021 at 9:33 am #1333235
    tinohannes

    Hey Rikard,

    my bad, sorry for that. Fixed it.

    All the best,
    Tino

    December 18, 2021 at 4:39 am #1333317
    Rikard

    Hi,

    Thanks for that. The buttons you added are simply too big to be able to fit on one row on mobile, I duplicated the element and set the button size to medium instead, and they show on the same line after that. I’ve hidden the element for all screen sizes in the element options for now, so that you can check out the results when you are able to. If you don’t like that design, then please add a class to the button row element, so that we can target it easier with custom CSS.

    Best regards,
    Rikard

    December 18, 2021 at 10:31 am #1333350
    tinohannes

    Hey Rikard,

    thanks for looking into it. But I guess you didn’t get it right. I want to have them as they are, because they work fine, but in mobile they the last button of the row didn’t show correctly, it’s always a little bit to the right (as you can see in the picture). When I’m deleting the last button, the next one will do the same thing. So always the last on is shifted.

    Example

    Thank you.

    All the best,
    Tino

    December 18, 2021 at 2:22 pm #1333364
    Mike

    Hi,
    Thank you for the link to your site and the screenshots, I couldn’t find the button set in your screenshot, but I did find a button set on the /pension/ page that was hidden on mobile, so I tested by unhiding temporarily yet didn’t see the last button offset as in your screenshot.
    Please see the screenshot in the Private Content area.
    Please link directly to your page with the button set or create a test page so I can see.

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Buttons no in the same line on mobile devices’ is closed to new replies.