Buttons formatting in mobile view

  • overkill22

    (@overkill22)


    9 years ago

    Hi,
    I have a problem with the button showing in mobile view.
    when the site is full width there is no problem, but on the mobile view the formatting is not nice.
    I’m using the columns to format the line that is JPG + MaxButton.
    And the MaxButton is in a container because if not I cannot center the button with the image (vertical center).
    Then I tried to style the mobile version with the css:

    /* text widget mobile: adjust featured bakers text widget in the mobile view*/
@media screen and (max-width: 600px) {
	.jwl_one_half {
		float: left;
		width: 100%;
	}
}

    On another website this code is working for me, but not in this, so not sure if I have to change something else.

    Please take a look with a mobile device to these links:
    1) MaxButton without container it works in the mobile , but in the browser is not centred with the jpg.

    2) MaxButton with container it works in the browser , but in the mobile is a mess.

    Thank you very much!

    https://wordpress.org/plugins/maxbuttons/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Bas Schuiling

    (@basszje)

    9 years ago

    Hi,

    In the container example you are not really centered, but just pushing the button with the margins to another spot. While this is not wrong, that’s the reason it’s not so nice in responsive.

    However you can kill that behavior in your own CSS by adding something like .mb-container { margin: 0; } in your responsive CSS.

    Thread Starter overkill22

    (@overkill22)

    9 years ago

    Hi Bas,
    yes, I know that it is not the proper way, so how can I center the button without using the container?

    Plugin Author Bas Schuiling

    (@basszje)

    9 years ago

    You could check if your framework supports center classes, most do. You can also try to use use container and ‘wrap with center div’.

    Thread Starter overkill22

    (@overkill22)

    9 years ago

    already tried with “wrap with center div”, but nothing changed…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Buttons formatting in mobile view’ is closed to new replies.