Button in mobile version

  • Resolved dilicoarmani

    (@dilicoarmani)


    6 years, 11 months ago

    Good afternoon !

    I previously wrote to spread the page of records in the mobile version, I was sent the code, everything turned out perfectly.

    But now the page turning button stretched to the full screen in the mobile version.

    How do I make the button normal with the hook that you sent me?

    The code you sent to me

    .entry-meta {
    display: none;
}

@media (max-width:767px){
.col-md-8 { padding-left: 0px; padding-right: 0px; }
}

    Button “NEXT”.

    Thank You !

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

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

  • Good afternoon @dilicoarmani

    Please try adding this to Additional CSS

    @media (max-width: 560px) {
	.post-pagination { width: 40%; margin: 0 auto; }
}

    If you want bigger or smaller button, adjust 40% value.

    Kind regards.

    Hello

    Hope you are having a great day and thanks for contacting us!

    Please go to WP Admin > Appearance > Customize > Additional CSS and inside that box, add the following code:

    @media (max-width:767px){
.nav-links {
    width: 50%;
    margin: 0 auto;
}
}

    ?Try it and let me know how it worked.
    Kind regards,
    Diego

    Thread Starter dilicoarmani

    (@dilicoarmani)

    On the PC version, the interval between the buttons became minimal, I need the interval to be in the standard value on the PC version.

    Unfortunately I’m not a programmer, how to correctly insert the code with those hooks that I wrote above.

    Thank you !

    I now have this code:

    .entry-meta {
    display: none;
}

@media (max-width:767px){
.col-md-8 { padding-left: 0px; padding-right: 0px; }
}
    Thread Starter dilicoarmani

    (@dilicoarmani)

    Good afternoon ! Official theme developers can you help?

    Hi @dilicoarmani,

    ?I apologize for the delay in response.

    Please go to Appearance → Customize → Additional CSS and add the following css:

    .nav-links div {
    width: 50%;
    padding: 0 15px;
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
}

    Please let me know if it works.

    Best

    Thread Starter dilicoarmani

    (@dilicoarmani)

    This code is optimal ))

    @media (max-width: 560px) {
	.post-pagination { width: 40%; margin: 0 auto; }
}

    Thank You !

    • This reply was modified 6 years, 11 months ago by dilicoarmani.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Button in mobile version’ is closed to new replies.