Change button for mobile version

  • Resolved mariilou

    (@mariilou)


    9 years, 8 months ago

    Hi everyone,

    Im satisfied with how my two buttons looks on the frontpage of my site, but not so happy when I see how they appear on the mobile version.

    Buttons such as Post a project and Join us its free

    This is the link: test.gulf-servicefinder.com

    How to I make changes to the mobile version of the site..? Is it possible or do I need another software/plugin for this?

    Thanks in advance!

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

  • Check in your css file (prob styles.css) for media queries (usually right at the bottom). For the smallest screen size media query, add new styles for your buttons.

    Yep as above, you need to use a media query.

    Looking at your site, Ive targeted screens smaller than 405 px wide with the CSS below. If you have a “custom CSS” area, add the code below to shrink the text size, the buttons stay on one line but the font size reduces.

    Obviously you can change the styling if you want to….

    @media screen and (max-width: 404px) {
	.buttons_box_main .regular_ul li a {
  font-size: 11px;
}
}
    Thread Starter mariilou

    (@mariilou)

    Both of you thank you for you replies, so kind of you to take your time,

    and THANK YOU Innuvu… WOW.. It worked like a charm! So great, its perfect!! Thank you!

    You’re welcome @mariilou

    Come back if you need any further assistance

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change button for mobile version’ is closed to new replies.