Button Placed Oddly

  • Resolved jantsa13

    (@jantsa13)


    3 years, 11 months ago

    Hello

    The problem is that two buttons are in the wrong place when using the mobile version of my website. Look at the link for a demonstration.

    View post on imgur.com

    As you can see the “Palvelut” and “Blogi” buttons are misplaced. They should be in the middle. Any code to fix this or any other solutions?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator threadi

    (@threadi)

    3 years, 11 months ago

    This section of code is responsible for the buttons no longer being centered for small viewports:

    @media (max-width: 600px) {
 .wp-block-themeisle-blocks-button-group.collapse-mobile {
   flex-direction: column;
 }
}

    If you can’t change that yourself, you might just overload it:

    
@media (max-width: 600px) {
 body .wp-block-themeisle-blocks-button-group.collapse-mobile {
   flex-direction: unset;
 }
}

    Paste this in Appeareance > Customizer > Additional CSS.

    Thread Starter jantsa13

    (@jantsa13)

    3 years, 11 months ago

    This fixed this issue. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Button Placed Oddly’ is closed to new replies.